fix(#9): Return deep reactive objects in useAsyncData to make form reactive again

2025-11-09 08:08:28 +01:00
parent 59da40d6c0
commit 586fd5557f
2 changed files with 9 additions and 5 deletions
--- a/legalconsenthub/app/pages/create.vue
+++ b/legalconsenthub/app/pages/create.vue
@@ -85,9 +85,13 @@ const userStore = useUserStore()
 const { selectedOrganization } = storeToRefs(userStore)
 const toast = useToast()

-const { data, error } = await useAsyncData<PagedApplicationFormDto>('create-application-form', async () => {
-  return await getAllApplicationFormTemplates()
-})
+const { data, error } = await useAsyncData<PagedApplicationFormDto>(
+  'create-application-form',
+  async () => {
+    return await getAllApplicationFormTemplates()
+  },
+  { deep: true }
+)

 if (error.value) {
  throw createError({ statusText: error.value.message })