Merge pull request #93 from it-at-m/bug/checking-item-freeze

bug/checking-item-freeze

Author: FabianWilms

personalization-webcomponents/src/components/ChecklistList.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <sortable
-      :list="list"
+      :list="modelValue"
       tag="ul"
       class="list"
       :animation="200"
@@ -66,9 +66,9 @@ import type DummyChecklistItem from "@/api/dummyservice/DummyChecklistItem.ts";
 
 import { MucIcon } from "@muenchen/muc-patternlab-vue";
 import { Sortable } from "sortablejs-vue3";
-import { defineEmits, ref, watch } from "vue";
+import { defineEmits, ref } from "vue";
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
     modelValue: DummyChecklistItem[];
     isDraggable?: boolean;
@@ -79,28 +79,12 @@ const props = withDefaults(
     disabled: false,
   }
 );
-const emit = defineEmits(["checked", "update:modelValue", "label-click"]);
-const list = ref<DummyChecklistItem[]>([...props.modelValue]);
+const emit = defineEmits(["checked", "label-click"]);
 const drag = ref(false);
 
 const dialogVisible = ref(false);
 const dialogItem = ref<DummyChecklistItem | null>(null);
 
-watch(
-  () => props.modelValue,
-  (newVal) => {
-    list.value = [...newVal];
-  }
-);
-
-watch(
-  list,
-  (newVal) => {
-    emit("update:modelValue", [...newVal]);
-  },
-  { deep: true }
-);
-
 function onSelectChange(serviceID: string) {
   emit("checked", serviceID);
 }