Support multi onload event (#5)

* use addEventListener for multiple onload event

* 0.0.9

.eleventy.js

@@ -56,7 +56,7 @@ function initClipboardJS(options) {
     throw minified.error;
   }
   return `<script>${minified.code}</script>
-<script async src="https://cdn.jsdelivr.net/npm/clipboard@${options.clipboardJSVersion}/dist/clipboard.js">${minified.code}</script>`;
+<script async src="https://cdn.jsdelivr.net/npm/clipboard@${options.clipboardJSVersion}/dist/clipboard.js"></script>`;
 }
 
 module.exports = {

.gitignore

@@ -1,4 +1,6 @@
 node_modules
 .idea
 example/node_modules
-example/_site
+example/_site
+
+*.iml

init-clipboard.js

@@ -5,8 +5,8 @@ function showTooltip(el, msg) {
   }
 }
 
-window.onload = () => {
+window.addEventListener('load', () => {
   const clipboard = new ClipboardJS(''); // replaced by plugin
   clipboard.on('success', (el) => showTooltip(el, 'Copied!'));
   clipboard.on('error', (el) => showTooltip(el, 'Failed...'));
-};
+});

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eleventy-plugin-code-clipboard",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "eleventy plugin to copy fence into clipboard",
   "homepage": "https://github.com/mamezou-tech/eleventy-plugin-code-clipboard",
   "main": ".eleventy.js",

test/__snapshots__/test.js.snap

@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`clipboard.js initialization custom plugin config 1`] = `
-"<script>function showTooltip(o,e){o.trigger.className.includes(\\"tooltipped\\")||(o.trigger.children[0].className=\\"tooltipped tooltipped-s\\",o.trigger.children[0].ariaLabel=e)}window.onload=()=>{const o=new ClipboardJS(\\".test-button\\");o.on(\\"success\\",o=>showTooltip(o,\\"Success!!\\")),o.on(\\"error\\",o=>showTooltip(o,\\"Failure!!\\"))};</script>
-<script async src=\\"https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.js\\">function showTooltip(o,e){o.trigger.className.includes(\\"tooltipped\\")||(o.trigger.children[0].className=\\"tooltipped tooltipped-s\\",o.trigger.children[0].ariaLabel=e)}window.onload=()=>{const o=new ClipboardJS(\\".test-button\\");o.on(\\"success\\",o=>showTooltip(o,\\"Success!!\\")),o.on(\\"error\\",o=>showTooltip(o,\\"Failure!!\\"))};</script>"
+"<script>function showTooltip(o,e){o.trigger.className.includes(\\"tooltipped\\")||(o.trigger.children[0].className=\\"tooltipped tooltipped-s\\",o.trigger.children[0].ariaLabel=e)}window.addEventListener(\\"load\\",()=>{const o=new ClipboardJS(\\".test-button\\");o.on(\\"success\\",o=>showTooltip(o,\\"Success!!\\")),o.on(\\"error\\",o=>showTooltip(o,\\"Failure!!\\"))});</script>
+<script async src=\\"https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.js\\"></script>"
 `;
 
 exports[`clipboard.js initialization default plugin config 1`] = `
-"<script>function showTooltip(o,e){o.trigger.className.includes(\\"tooltipped\\")||(o.trigger.children[0].className=\\"tooltipped tooltipped-s\\",o.trigger.children[0].ariaLabel=e)}window.onload=()=>{const o=new ClipboardJS(\\".code-copy\\");o.on(\\"success\\",o=>showTooltip(o,\\"Copied!\\")),o.on(\\"error\\",o=>showTooltip(o,\\"Failed...\\"))};</script>
-<script async src=\\"https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.js\\">function showTooltip(o,e){o.trigger.className.includes(\\"tooltipped\\")||(o.trigger.children[0].className=\\"tooltipped tooltipped-s\\",o.trigger.children[0].ariaLabel=e)}window.onload=()=>{const o=new ClipboardJS(\\".code-copy\\");o.on(\\"success\\",o=>showTooltip(o,\\"Copied!\\")),o.on(\\"error\\",o=>showTooltip(o,\\"Failed...\\"))};</script>"
+"<script>function showTooltip(o,e){o.trigger.className.includes(\\"tooltipped\\")||(o.trigger.children[0].className=\\"tooltipped tooltipped-s\\",o.trigger.children[0].ariaLabel=e)}window.addEventListener(\\"load\\",()=>{const o=new ClipboardJS(\\".code-copy\\");o.on(\\"success\\",o=>showTooltip(o,\\"Copied!\\")),o.on(\\"error\\",o=>showTooltip(o,\\"Failed...\\"))});</script>
+<script async src=\\"https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.js\\"></script>"
 `;
 
 exports[`custom renderer custom renderer config 1`] = `