From 8a4ee9eec0902746c02f522e038a4a1b7bfb0332 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 29 Sep 2022 12:39:45 +0530
Subject: [PATCH] fix(gui): reload form view meta on change

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/Form.vue            | 8 +++++++-
 .../pages/[projectType]/[projectId]/index/index.vue       | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue
index 0201d095f5..278761d651 100644
--- a/packages/nc-gui/components/smartsheet/Form.vue
+++ b/packages/nc-gui/components/smartsheet/Form.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Draggable from 'vuedraggable'
-import { RelationTypes, UITypes, getSystemColumns, isVirtualCol } from 'nocodb-sdk'
+import { RelationTypes, UITypes, getSystemColumns, isVirtualCol, ViewTypes } from 'nocodb-sdk'
 import {
   ActiveViewInj,
   IsFormInj,
@@ -375,6 +375,12 @@ onMounted(async () => {
   await loadFormView()
   setFormData()
 })
+
+watch(view, (nextView) => {
+  if(nextView?.type === ViewTypes.FORM) {
+    reloadEventHook.trigger()
+  }
+})
 </script>
 
 <template>
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index fd33504786..4a7e705c76 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -79,7 +79,7 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
       </div>
 
       <div class="w-full min-h-[300px] flex-auto">
-        <NuxtPage :pageKey="$route.params.type" />
+        <NuxtPage :page-key="$route.params.type" />
       </div>
     </div>
   </div>