fix: draft reactivity

elk-zone · Apr 7, 2024 · 48c04f0 · 48c04f0
1 parent e0f14c9
commit 48c04f0
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/publish/PublishWidgetList.vue b/components/publish/PublishWidgetList.vue
@@ -20,7 +20,9 @@ const {
   dialogLabelledBy?: string
 }>()
 
-const { threadItems } = useThreadComposer(draftKey, initial)
+const threadItems = computed(() =>
+  useThreadComposer(draftKey, initial).threadItems.value,
+)
 
 onDeactivated(() => {
   clearEmptyDrafts()
@@ -34,7 +36,7 @@ function isFirstItem(index: number) {
 <template>
   <template v-if="isHydrated && currentUser">
     <PublishWidget
-      v-for="(_, index) in threadItems" :key="index"
+      v-for="(_, index) in threadItems" :key="`${draftKey}-${index}`"
       :draft-key="draftKey"
       :draft-item-index="index"
       :expanded="isFirstItem(index) ? expanded : true"