From 586fd5557f63cf0452b00bbdf98fe65f499d351d Mon Sep 17 00:00:00 2001
From: Denis Lugowski <denis.lugowski@gmail.com>
Date: Sun, 9 Nov 2025 08:08:28 +0100
Subject: [PATCH] fix(#9): Return deep reactive objects in useAsyncData to make
 form reactive again

---
 .../app/composables/useApplicationFormNavigation.ts    |  4 ++--
 legalconsenthub/app/pages/create.vue                   | 10 +++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/legalconsenthub/app/composables/useApplicationFormNavigation.ts b/legalconsenthub/app/composables/useApplicationFormNavigation.ts
index 66f7cbe..08a6df1 100644
--- a/legalconsenthub/app/composables/useApplicationFormNavigation.ts
+++ b/legalconsenthub/app/composables/useApplicationFormNavigation.ts
@@ -5,7 +5,8 @@ export async function useApplicationFormNavigation(applicationFormId: string) {
 
   const { data, error, refresh } = await useAsyncData<ApplicationFormDto>(
     `application-form-${applicationFormId}`,
-    async () => await getApplicationFormById(applicationFormId)
+    async () => await getApplicationFormById(applicationFormId),
+    { deep: true }
   )
 
   if (error.value) {
@@ -62,4 +63,3 @@ export async function useApplicationFormNavigation(applicationFormId: string) {
     error
   }
 }
-
diff --git a/legalconsenthub/app/pages/create.vue b/legalconsenthub/app/pages/create.vue
index 0890fbd..b79c8cc 100644
--- 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 })