fix(#9): Return deep reactive objects in useAsyncData to make form reactive again
This commit is contained in:
@@ -5,7 +5,8 @@ export async function useApplicationFormNavigation(applicationFormId: string) {
|
|||||||
|
|
||||||
const { data, error, refresh } = await useAsyncData<ApplicationFormDto>(
|
const { data, error, refresh } = await useAsyncData<ApplicationFormDto>(
|
||||||
`application-form-${applicationFormId}`,
|
`application-form-${applicationFormId}`,
|
||||||
async () => await getApplicationFormById(applicationFormId)
|
async () => await getApplicationFormById(applicationFormId),
|
||||||
|
{ deep: true }
|
||||||
)
|
)
|
||||||
|
|
||||||
if (error.value) {
|
if (error.value) {
|
||||||
@@ -62,4 +63,3 @@ export async function useApplicationFormNavigation(applicationFormId: string) {
|
|||||||
error
|
error
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -85,9 +85,13 @@ const userStore = useUserStore()
|
|||||||
const { selectedOrganization } = storeToRefs(userStore)
|
const { selectedOrganization } = storeToRefs(userStore)
|
||||||
const toast = useToast()
|
const toast = useToast()
|
||||||
|
|
||||||
const { data, error } = await useAsyncData<PagedApplicationFormDto>('create-application-form', async () => {
|
const { data, error } = await useAsyncData<PagedApplicationFormDto>(
|
||||||
|
'create-application-form',
|
||||||
|
async () => {
|
||||||
return await getAllApplicationFormTemplates()
|
return await getAllApplicationFormTemplates()
|
||||||
})
|
},
|
||||||
|
{ deep: true }
|
||||||
|
)
|
||||||
|
|
||||||
if (error.value) {
|
if (error.value) {
|
||||||
throw createError({ statusText: error.value.message })
|
throw createError({ statusText: error.value.message })
|
||||||
|
|||||||
Reference in New Issue
Block a user