From b4a5843de6ea93cfb81fd24bbab13ef5fbb89c57 Mon Sep 17 00:00:00 2001
From: Chirag Chhatrala <60499540+chiragchhatrala@users.noreply.github.com>
Date: Mon, 13 May 2024 16:54:41 +0530
Subject: [PATCH] fix custom seo meta (#408)

---
 .../form-components/FormCustomSeo.vue         | 23 ++++++++-----------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/client/components/open/forms/components/form-components/FormCustomSeo.vue b/client/components/open/forms/components/form-components/FormCustomSeo.vue
index 0fc10ed5..5e71aaa7 100644
--- a/client/components/open/forms/components/form-components/FormCustomSeo.vue
+++ b/client/components/open/forms/components/form-components/FormCustomSeo.vue
@@ -56,11 +56,11 @@
       help="Also know as og:image - 1200 X 630"
     />
     <image-input
-        v-model="form.seo_meta.page_favicon"
-        name="page_favicon"
-        class="mt-4"
-        label="Page Favicon Image"
-        help="Upload favicon image to be displayed on the form page"
+      v-model="form.seo_meta.page_favicon"
+      name="page_favicon"
+      class="mt-4"
+      label="Page Favicon Image"
+      help="Upload favicon image to be displayed on the form page"
     />
   </editor-options-panel>
 </template>
@@ -77,21 +77,13 @@ export default {
     return {
       workspacesStore: useWorkspacesStore(),
       workingFormStore,
+      form: storeToRefs(workingFormStore).content,
     }
   },
   data() {
     return {}
   },
   computed: {
-    form: {
-      get() {
-        return this.workingFormStore.content
-      },
-      /* We add a setter */
-      set(value) {
-        this.workingFormStore.set(value)
-      },
-    },
     workspace() {
       return this.workspacesStore.getCurrent
     },
@@ -111,6 +103,9 @@ export default {
   },
   watch: {},
   mounted() {
+    if (!this.form.seo_meta || Array.isArray(this.form.seo_meta))
+      this.form.seo_meta = {};
+    
     ["page_title", "page_description", "page_thumbnail", "page_favicon"].forEach((keyname) => {
       if (this.form.seo_meta[keyname] === undefined) {
         this.form.seo_meta[keyname] = null