fix loading show form page (#361)

Co-authored-by: Julien Nahum <julien@nahum.net>

client/pages/forms/[slug]/show.vue

@@ -151,6 +151,7 @@ useOpnSeoMeta({
   title: 'Home'
 })
 
+const route = useRoute()
 const authStore = useAuthStore()
 const formsStore = useFormsStore()
 const workingFormStore = useWorkingFormStore()
@@ -195,7 +196,7 @@ onMounted(() => {
   if (form.value) {
     workingFormStore.set(form.value)
   } else {
-    formsStore.loadAll(useWorkspacesStore().currentId)
+    formsStore.loadForm(route.params.slug)
   }
 })
 

client/stores/forms.js

@@ -2,6 +2,7 @@ import {defineStore} from 'pinia'
 import {useContentStore} from "~/composables/stores/useContentStore.js";
 
 export const formsEndpoint = '/open/workspaces/{workspaceId}/forms'
+export const singleFormEndpoint = '/open/forms/{slug}'
 
 export const useFormsStore = defineStore('forms', () => {
 
@@ -33,6 +34,16 @@ export const useFormsStore = defineStore('forms', () => {
         throw error
       })
   }
+  const loadForm = (slug) => {
+    contentStore.startLoading()
+    return opnFetch(singleFormEndpoint.replace('{slug}', slug))
+      .then(response => {
+        contentStore.save(response)
+      })
+      .finally(() => {
+        contentStore.stopLoading()
+      })
+  }
 
   const load = (workspaceId, slug) => {
     contentStore.startLoading()
@@ -76,6 +87,7 @@ export const useFormsStore = defineStore('forms', () => {
     publicLoad,
     publicFetch,
     loadAll,
+    loadForm,
     load,
   }
 })