Create Clipboard.svelte

src/components/Clipboard.svelte

@@ -0,0 +1,35 @@
+<script>
+  import { onMount, tick, createEventDispatcher } from 'svelte'
+
+  const dispatch = createEventDispatcher()
+
+  export let text
+
+  let textarea
+
+  async function copy() {
+    textarea.select()
+    document.execCommand('Copy')
+    await tick()
+    textarea.blur()
+    dispatch('copy')
+  }
+</script>
+
+<slot {copy} />
+<textarea bind:this={textarea} value={text} aria-hidden="true" />
+
+<style>
+  textarea {
+    left: 0;
+    bottom: 0;
+    margin: 0;
+    padding: 0;
+    opacity: 0;
+    width: 1px;
+    height: 1px;
+    border: none;
+    display: block;
+    position: absolute;
+  }
+</style>

src/components/CopyToClipboard.svelte

@@ -1,5 +1,5 @@
 <script>
-  import Clipboard from 'svelte-clipboard'
+  import Clipboard from '~/components/Clipboard.svelte'
 
   export let text
   let showTooltip = false