docs: optimise

Author: TheComputerM

.eslintrc.js

@@ -37,7 +37,6 @@ module.exports = {
         'no-return-assign': ['error', 'except-parens'],
         'no-param-reassign': ['error', { props: false }],
       },
-      globals: { ClipboardJS: 'readonly' },
     },
   ],
   extends: ['eslint:recommended', 'airbnb-base'],

packages/docs/package.json

@@ -26,6 +26,7 @@
     "@rollup/plugin-dynamic-import-vars": "^1.1.0",
     "@rollup/plugin-replace": "^2.3.4",
     "autoprefixer": "^10.0.2",
+    "clipboard": "^2.0.6",
     "mdsvex": "^0.8.7",
     "postcss": "^8.1.7",
     "prism-svelte": "^0.4.7",

packages/docs/src/components/doc/Markup.svelte

@@ -1,10 +1,11 @@
 <script>
+  import Clipboard from 'clipboard';
   import { Button, Icon } from 'svelte-materialify/src';
 
   export let lang = '';
   function copy(node) {
     const toCopy = node.querySelector('pre').textContent;
-    const clipboard = new ClipboardJS(node.querySelector('.s-btn'), {
+    const clipboard = new Clipboard(node.querySelector('.s-btn'), {
       text: () => toCopy,
     });
     return {

packages/docs/src/routes/_layout.svelte

@@ -51,11 +51,8 @@
 <svelte:window on:resize={checkMobile} />
 
 <svelte:head>
-  {#if $theme === 'light'}
-    <link rel="stylesheet" href="prism/material-light.css" />
-  {:else}
-    <link rel="stylesheet" href="prism/material-dark.css" />
-  {/if}
+  <link rel="stylesheet" href="prism/material-light.css" disabled={$theme === 'dark'} />
+  <link rel="stylesheet" href="prism/material-dark.css" disabled={$theme === 'light'} />
 </svelte:head>
 
 <MaterialApp theme={$theme}>

packages/docs/src/template.html

@@ -58,10 +58,6 @@
 
       gtag('config', 'UA-156679564-3');
     </script>
-    <script
-      defer
-      src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"
-    ></script>
 
     <!-- Sapper creates a <script> tag containing `src/client.js`
 	     and anything else it needs to hydrate the app and

yarn.lock

@@ -3410,7 +3410,7 @@ cli-width@^2.0.0:
   resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.1.tgz#b0433d0b4e9c847ef18868a4ef16fd5fc8271c48"
   integrity sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw==
 
-clipboard@^2.0.0:
+clipboard@^2.0.0, clipboard@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.6.tgz#52921296eec0fdf77ead1749421b21c968647376"
   integrity sha512-g5zbiixBRk/wyKakSwCKd7vQXDjFnAMGHoEyBogG/bw9kTD9GvdAvaoRR1ALcEzt3pVKxZR0pViekPMIS0QyGg==