From eb0c644b93a33d6548fd4306aa3ecb205d08dea4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <sporiff@funkwhale.audio>
Date: Wed, 22 Nov 2023 11:18:30 +0000
Subject: [PATCH] fix(front): Fix broken copy button in embed modal

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale/-/merge_requests/2642>
---
 changes/changelog.d/copybutton.bugfix      | 1 +
 front/src/components/audio/EmbedWizard.vue | 6 ++----
 2 files changed, 3 insertions(+), 4 deletions(-)
 create mode 100644 changes/changelog.d/copybutton.bugfix

diff --git a/changes/changelog.d/copybutton.bugfix b/changes/changelog.d/copybutton.bugfix
new file mode 100644
index 000000000..091b15f5a
--- /dev/null
+++ b/changes/changelog.d/copybutton.bugfix
@@ -0,0 +1 @@
+Fixed an issue where the copy button didn't copy the Embed code in the embed modal.
diff --git a/front/src/components/audio/EmbedWizard.vue b/front/src/components/audio/EmbedWizard.vue
index 05ddd2441..266ba4c7d 100644
--- a/front/src/components/audio/EmbedWizard.vue
+++ b/front/src/components/audio/EmbedWizard.vue
@@ -39,8 +39,7 @@ const iframeSrc = computed(() => {
 const frameWidth = computed(() => width.value ?? '100%')
 const embedCode = computed(() => `<iframe width="${frameWidth.value}" height="${height.value}" scrolling="no" frameborder="no" src="${iframeSrc.value.replace(/&/g, '&amp;')}"></iframe>`)
 
-const textarea = ref()
-const { copy, copied } = useClipboard({ source: textarea })
+const { copy, copied } = useClipboard({ source: embedCode })
 </script>
 
 <template>
@@ -103,8 +102,7 @@ const { copy, copied } = useClipboard({ source: textarea })
             {{ $t('components.audio.EmbedWizard.help.embed') }}
           </p>
           <textarea
-            ref="textarea"
-            :value="embedCode"
+            v-model="embedCode"
             rows="5"
             readonly
           />