From 5323669c57a5b50dff5345b2904de9a98e05c68f Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Wed, 2 Apr 2025 03:52:46 +0200
Subject: [PATCH] feat(front): description for playlists

---
 front/src/components/playlists/Form.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/front/src/components/playlists/Form.vue b/front/src/components/playlists/Form.vue
index bb99b8f25..fd3a882c6 100644
--- a/front/src/components/playlists/Form.vue
+++ b/front/src/components/playlists/Form.vue
@@ -16,6 +16,7 @@ import Alert from '~/components/ui/Alert.vue'
 import Button from '~/components/ui/Button.vue'
 import Input from '~/components/ui/Input.vue'
 import Slider from '~/components/ui/Slider.vue'
+import Textarea from '~/components/ui/Textarea.vue'
 
 interface Events {
   (e: 'update:playlist', value: Playlist): void
@@ -44,6 +45,7 @@ const success = ref(false)
 const store = useStore()
 const name = ref(playlist.value?.name ?? '')
 const privacyLevel = ref(playlist.value?.privacy_level ?? store.state.auth.profile?.privacy_level ?? 'me')
+const description = ref(playlist.value?.description ?? '')
 
 const { t } = useI18n()
 const labels = computed(() => ({
@@ -71,7 +73,8 @@ const submit = async () => {
 
     const data = {
       name: name.value,
-      privacy_level: privacyLevel.value
+      privacy_level: privacyLevel.value,
+      description: description.value
     }
 
     const response = await axios.request({ method, url, data })
@@ -154,9 +157,8 @@ const submit = async () => {
     </div>
     <!-- TODO: Add description to model and types -->
     <div class="field">
-      <Textarea
-        v-model="playlist?.description"
-        :label="t('components.playlists.Form.label.description')"
+      <ContentForm
+        v-model="description"
         :placeholder="t('components.playlists.Form.placeholder.description')"
         :rows="3"
         :max-length="500"