From 96b7a9604c6c581847e5b8ed8bbfb760b85f53b9 Mon Sep 17 00:00:00 2001
From: Jonas Plum <cugu@users.noreply.github.com>
Date: Mon, 5 Aug 2024 15:22:01 +0200
Subject: [PATCH] fix: multi select state handling (#1094)

---
 ui/src/components/form/GrowTextarea.vue | 14 ++------------
 ui/src/components/form/MultiSelect.vue  |  3 ++-
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/ui/src/components/form/GrowTextarea.vue b/ui/src/components/form/GrowTextarea.vue
index 91f8b52..2abe1fd 100644
--- a/ui/src/components/form/GrowTextarea.vue
+++ b/ui/src/components/form/GrowTextarea.vue
@@ -1,24 +1,14 @@
 <script setup lang="ts">
-import { Textarea } from '@/components/ui/textarea'
-
-import { useVModel } from '@vueuse/core'
 import { type HTMLAttributes, onMounted, ref } from 'vue'
 
 import { cn } from '@/lib/utils'
 
 const props = defineProps<{
   class?: HTMLAttributes['class']
-  defaultValue?: string | number
-  modelValue?: string | number
 }>()
 
-const emits = defineEmits<{
-  (e: 'update:modelValue', payload: string | number): void
-}>()
-
-const modelValue = useVModel(props, 'modelValue', emits, {
-  passive: true,
-  defaultValue: props.defaultValue
+const modelValue = defineModel<string>({
+  default: ''
 })
 
 const textarea = ref<HTMLElement | null>(null)
diff --git a/ui/src/components/form/MultiSelect.vue b/ui/src/components/form/MultiSelect.vue
index 934665c..2ac3794 100644
--- a/ui/src/components/form/MultiSelect.vue
+++ b/ui/src/components/form/MultiSelect.vue
@@ -32,7 +32,8 @@ const selectedItems = ref<string[]>(props.modelValue)
 
 watch(
   () => selectedItems.value,
-  (value) => emit('update:modelValue', value)
+  (value) => emit('update:modelValue', value),
+  { deep: true }
 )
 
 const filteredItems = computed(() => {