add copy functionality

src/components/ShareModal.vue

@@ -14,7 +14,7 @@
                 <h3 class="mt-4" v-text="generatedLink" />
                 <div class="flex justify-end mt-4">
                     <button class="btn" v-t="'actions.follow_link'" @click="followLink()" />
-                    <button class="btn ml-5" v-t="'actions.copy_link'" @click="copyLink()" />
+                    <button class="btn ml-3" v-t="'actions.copy_link'" @click="copyLink()" />
                 </div>
             </div>
         </div>
@@ -68,10 +68,18 @@ export default {
             event.preventDefault();
         },
         followLink() {
-            window.location.href = this.generatedLink;
+            window.open(this.generatedLink, "_blank").focus();
         },
-        copyLink() {
+        async copyLink() {
-            this.$emit("close");
+            await this.copyURL(this.generatedLink);
+        },
+        async copyURL(mytext) {
+            try {
+                await navigator.clipboard.writeText(mytext);
+                alert(this.$t("info.copied"));
+            } catch ($e) {
+                alert(this.$t("info.cannot_copy"));
+            }
         },
     },
     computed: {

src/locales/en.json

@@ -149,6 +149,8 @@
     },
     "info": {
         "preferences_note": "Note: preferences are saved in the local storage of your browser. Deleting your browser data will reset them.",
-        "page_not_found": "Page not found"
+        "page_not_found": "Page not found",
+        "copied": "Copied!",
+        "cannot_copy": "Can't copy!"
     }
 }