migrate-to-nuxt-useappconfig (#263)

* migrate-to-nuxt-useappconfig

* defineAppConfig

---------

Co-authored-by: Forms Dev <chirag+new@notionforms.io>

client/app.config.ts

@@ -0,0 +1,7 @@
+// https://nuxt.com/docs/guide/directory-structure/app-config
+
+import opnformConfig from "~/opnform.config.js";
+
+export default defineAppConfig({
+    ...opnformConfig
+})

client/components/global/Navbar.vue

@@ -152,7 +152,7 @@ export default {
       appStore: useAppStore(),
       formsStore: useFormsStore(),
       workspacesStore: useWorkspacesStore(),
-      config: useConfig(),
+      config: useAppConfig(),
       user: computed(() => authStore.user),
       isIframe: useIsIframe(),
     }

client/components/global/NotionPage.vue

@@ -16,11 +16,11 @@ export default {
   },
 
   async setup(props) {
-    const apiUrl = useConfig().notion.worker
+    const apiUrl = useAppConfig().notion.worker
     const {data} = await useFetch(`${apiUrl}/page/${props.pageId}`)
 
     return {
-      apiUrl: useConfig().notion.worker,
+      apiUrl: useAppConfig().notion.worker,
       blockMap: data,
     }
   }

client/components/open/forms/components/form-components/FormNotifications.vue

@@ -56,7 +56,7 @@ export default {
   },
 
   computed: {
-    zapierUrl: () => useConfig().links.zapier_integration
+    zapierUrl: () => useAppConfig().links.zapier_integration
   },
 
   watch: {

client/components/pages/forms/create/CreateFormBaseModal.vue

@@ -108,7 +108,7 @@ export default {
 
   computed: {
     aiFeaturesEnabled () {
-      return useConfig().ai_features_enabled
+      return useAppConfig().ai_features_enabled
     }
   },
 

client/composables/useConfig.js

@@ -1,2 +0,0 @@
-import opnformConfig from "~/opnform.config.js";
-export const useConfig = () => opnformConfig

client/pages/index.vue

@@ -203,7 +203,7 @@ export default {
     const authStore = useAuthStore()
     return {
       authenticated: computed(() => authStore.check),
-      config: useConfig()
+      config: useAppConfig()
     }
   },