🐛 Fix editor clipboard (#127)

Author: mckenziearts

public/js/app.js

@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=771d5d47a2ec2c3ddfd6ca0852da949e",
+    "/js/app.js": "/js/app.js?id=e624a82705e66ddf8f8774361377693b",
     "/css/app.css": "/css/app.css?id=3542b9735c706c26665a33113b79c212"
 }

public/mix-manifest.json

@@ -19,16 +19,15 @@ codeBlocks.forEach((element, key) => {
             copyNotification: false,
             copyToClipboard() {
                 this.copyNotification = true
+                let that = this
                 const clipboardItem = new ClipboardItem({
-                  'text/plain': new Blob([\`${codeElement.innerText}\`], { type: 'text/plain' })
+                  'text/plain': new Blob([\`${codeElement.innerText.replaceAll('"', '\\`')}\`], { type: 'text/plain' })
                 })
                 navigator.clipboard.write([clipboardItem]).then(() => {
-                  console.log('Copied to clipboard')
+                  setTimeout(function() {
+                      that.copyNotification = false
+                  }, 3000)
                 })
-                let that = this
-                setTimeout(function() {
-                    that.copyNotification = false
-                }, 3000)
             }
         }" class="relative z-20 flex items-center">
         <div x-show="copyNotification" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-x-2" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-2" class="absolute left-0" x-cloak>