From 249fb55ebbe9b1ed5c0f5c3bfb4155fdfbcd280d Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 8 Mar 2023 19:24:28 +0800
Subject: [PATCH 01/24] refactor(nocodb): remove jsepTreeToFormula.ts

---
 .../utils/common/helpers/jsepTreeToFormula.ts | 67 -------------------
 1 file changed, 67 deletions(-)
 delete mode 100644 packages/nocodb/src/lib/utils/common/helpers/jsepTreeToFormula.ts

diff --git a/packages/nocodb/src/lib/utils/common/helpers/jsepTreeToFormula.ts b/packages/nocodb/src/lib/utils/common/helpers/jsepTreeToFormula.ts
deleted file mode 100644
index 5532d229f0..0000000000
--- a/packages/nocodb/src/lib/utils/common/helpers/jsepTreeToFormula.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-export default function jsepTreeToFormula(node) {
-  if (node.type === 'BinaryExpression' || node.type === 'LogicalExpression') {
-    return (
-      '(' +
-      jsepTreeToFormula(node.left) +
-      ' ' +
-      node.operator +
-      ' ' +
-      jsepTreeToFormula(node.right) +
-      ')'
-    );
-  }
-
-  if (node.type === 'UnaryExpression') {
-    return node.operator + jsepTreeToFormula(node.argument);
-  }
-
-  if (node.type === 'MemberExpression') {
-    return (
-      jsepTreeToFormula(node.object) +
-      '[' +
-      jsepTreeToFormula(node.property) +
-      ']'
-    );
-  }
-
-  if (node.type === 'Identifier') {
-    return node.name;
-  }
-
-  if (node.type === 'Literal') {
-    if (typeof node.value === 'string') {
-      return '"' + node.value + '"';
-    }
-
-    return '' + node.value;
-  }
-
-  if (node.type === 'CallExpression') {
-    return (
-      jsepTreeToFormula(node.callee) +
-      '(' +
-      node.arguments.map(jsepTreeToFormula).join(', ') +
-      ')'
-    );
-  }
-
-  if (node.type === 'ArrayExpression') {
-    return '[' + node.elements.map(jsepTreeToFormula).join(', ') + ']';
-  }
-
-  if (node.type === 'Compound') {
-    return node.body.map((e) => jsepTreeToFormula(e)).join(' ');
-  }
-
-  if (node.type === 'ConditionalExpression') {
-    return (
-      jsepTreeToFormula(node.test) +
-      ' ? ' +
-      jsepTreeToFormula(node.consequent) +
-      ' : ' +
-      jsepTreeToFormula(node.alternate)
-    );
-  }
-
-  return '';
-}

From 41ad7093f89546ead599edf13e59d0f4c42d29a4 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 8 Mar 2023 19:24:43 +0800
Subject: [PATCH 02/24] refactor(nocodb): use jsepTreeToFormula from nocodb-sdk

---
 .../src/lib/utils/common/helpers/updateColumnNameInFormula.ts   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nocodb/src/lib/utils/common/helpers/updateColumnNameInFormula.ts b/packages/nocodb/src/lib/utils/common/helpers/updateColumnNameInFormula.ts
index d8d5834529..7ddd4c2a46 100644
--- a/packages/nocodb/src/lib/utils/common/helpers/updateColumnNameInFormula.ts
+++ b/packages/nocodb/src/lib/utils/common/helpers/updateColumnNameInFormula.ts
@@ -1,4 +1,4 @@
-import jsepTreeToFormula from './jsepTreeToFormula';
+import { jsepTreeToFormula } from 'nocodb-sdk';
 
 export default function (args: {
   virtualColumns;

From 021e203c21c7cc7aa7a1c763adeceb0eba7d6181 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 8 Mar 2023 22:21:06 +0530
Subject: [PATCH 03/24] refactor: block plugin apis based on env

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nocodb/src/lib/controllers/plugin.ctl.ts | 7 +++++++
 packages/nocodb/src/lib/services/util.svc.ts      | 1 +
 2 files changed, 8 insertions(+)

diff --git a/packages/nocodb/src/lib/controllers/plugin.ctl.ts b/packages/nocodb/src/lib/controllers/plugin.ctl.ts
index fb3ed46341..b0a6529f6a 100644
--- a/packages/nocodb/src/lib/controllers/plugin.ctl.ts
+++ b/packages/nocodb/src/lib/controllers/plugin.ctl.ts
@@ -17,6 +17,7 @@ export async function pluginTest(req: Request<any, any>, res: Response) {
 export async function pluginRead(req: Request, res: Response) {
   res.json(await pluginService.pluginRead({ pluginId: req.params.pluginId }));
 }
+
 export async function pluginUpdate(
   req: Request<any, any, PluginType>,
   res: Response
@@ -27,6 +28,7 @@ export async function pluginUpdate(
   });
   res.json(plugin);
 }
+
 export async function isPluginActive(req: Request, res: Response) {
   res.json(
     await pluginService.isPluginActive({ pluginTitle: req.params.pluginTitle })
@@ -34,6 +36,11 @@ export async function isPluginActive(req: Request, res: Response) {
 }
 
 const router = Router({ mergeParams: true });
+router.use((_req, res, next) => {
+  if (process.env.NC_CLOUD) {
+    res.status(403).send('Not allowed');
+  } else next();
+});
 router.get(
   '/api/v1/db/meta/plugins',
   metaApiMetrics,
diff --git a/packages/nocodb/src/lib/services/util.svc.ts b/packages/nocodb/src/lib/services/util.svc.ts
index 2887fcff8a..e502e96070 100644
--- a/packages/nocodb/src/lib/services/util.svc.ts
+++ b/packages/nocodb/src/lib/services/util.svc.ts
@@ -56,6 +56,7 @@ export async function appInfo(param: { req: { ncSiteUrl: string } }) {
     ee: Noco.isEE(),
     ncAttachmentFieldSize: NC_ATTACHMENT_FIELD_SIZE,
     ncMaxAttachmentsAllowed: +(process.env.NC_MAX_ATTACHMENTS_ALLOWED || 10),
+    isCloud: !!process.env.NC_CLOUD,
   };
 
   return result;

From 49272e8a9f42d4a1905a8e478c5ff31d2ec9e596 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 8 Mar 2023 22:43:38 +0530
Subject: [PATCH 04/24] refactor: only allow url hook and disable app api call
 if env is set

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/webhook/Editor.vue | 31 ++++++++++++-------
 .../nc-gui/composables/useGlobal/state.ts     |  1 +
 .../nc-gui/composables/useGlobal/types.ts     |  1 +
 packages/nc-gui/pages/account/index.vue       |  5 ++-
 .../nc-gui/pages/account/index/[page].vue     |  5 ++-
 packages/nocodb/src/lib/services/hook.svc.ts  | 22 +++++++++++++
 6 files changed, 52 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/webhook/Editor.vue b/packages/nc-gui/components/webhook/Editor.vue
index eb01b0d50d..0059d835bd 100644
--- a/packages/nc-gui/components/webhook/Editor.vue
+++ b/packages/nc-gui/components/webhook/Editor.vue
@@ -13,6 +13,7 @@ import {
   reactive,
   ref,
   useApi,
+  useGlobal,
   useI18n,
   useNuxtApp,
   watch,
@@ -32,6 +33,8 @@ const { $e } = useNuxtApp()
 
 const { api, isLoading: loading } = useApi()
 
+const { appInfo } = $(useGlobal())
+
 const meta = inject(MetaInj, ref())
 
 const useForm = Form.useForm
@@ -170,16 +173,20 @@ const eventList = [
   { text: ['After', 'Delete'], value: ['after', 'delete'] },
 ]
 
-const notificationList = [
-  { type: 'URL' },
-  { type: 'Email' },
-  { type: 'Slack' },
-  { type: 'Microsoft Teams' },
-  { type: 'Discord' },
-  { type: 'Mattermost' },
-  { type: 'Twilio' },
-  { type: 'Whatsapp Twilio' },
-]
+const notificationList = computed(() => {
+  return appInfo.isCloud
+    ? [{ type: 'URL' }]
+    : [
+        { type: 'URL' },
+        { type: 'Email' },
+        { type: 'Slack' },
+        { type: 'Microsoft Teams' },
+        { type: 'Discord' },
+        { type: 'Mattermost' },
+        { type: 'Twilio' },
+        { type: 'Whatsapp Twilio' },
+      ]
+})
 
 const methodList = [
   { title: 'GET' },
@@ -414,7 +421,9 @@ watch(
   { immediate: true },
 )
 
-onMounted(loadPluginList)
+onMounted(() => {
+  if (!appInfo.isCoud) loadPluginList()
+})
 </script>
 
 <template>
diff --git a/packages/nc-gui/composables/useGlobal/state.ts b/packages/nc-gui/composables/useGlobal/state.ts
index df6e886e85..90d01d4c25 100644
--- a/packages/nc-gui/composables/useGlobal/state.ts
+++ b/packages/nc-gui/composables/useGlobal/state.ts
@@ -99,6 +99,7 @@ export function useGlobalState(storageKey = 'nocodb-gui-v2'): State {
     version: '0.0.0',
     ncAttachmentFieldSize: 20,
     ncMaxAttachmentsAllowed: 10,
+    isCloud: false,
   })
 
   /** reactive token payload */
diff --git a/packages/nc-gui/composables/useGlobal/types.ts b/packages/nc-gui/composables/useGlobal/types.ts
index 584b2ca9ec..82971cfe66 100644
--- a/packages/nc-gui/composables/useGlobal/types.ts
+++ b/packages/nc-gui/composables/useGlobal/types.ts
@@ -22,6 +22,7 @@ export interface AppInfo {
   ee?: boolean
   ncAttachmentFieldSize: number
   ncMaxAttachmentsAllowed: number
+  isCloud: boolean
 }
 
 export interface StoredState {
diff --git a/packages/nc-gui/pages/account/index.vue b/packages/nc-gui/pages/account/index.vue
index 39ec108112..4958f682cf 100644
--- a/packages/nc-gui/pages/account/index.vue
+++ b/packages/nc-gui/pages/account/index.vue
@@ -2,8 +2,11 @@
 import { navigateTo, useUIPermission } from '#imports'
 
 const { isUIAllowed } = useUIPermission()
+
 const $route = useRoute()
 
+const { appInfo } = useGlobal()
+
 const selectedKeys = computed(() => [
   /^\/account\/users\/?$/.test($route.fullPath)
     ? isUIAllowed('superAdminUserManagement')
@@ -68,7 +71,7 @@ const openKeys = ref([/^\/account\/users/.test($route.fullPath) && 'users'])
               </div>
             </a-menu-item>
             <a-menu-item
-              v-if="isUIAllowed('appStore')"
+              v-if="isUIAllowed('appStore') && !appInfo.isCloud"
               key="apps"
               class="group active:(!ring-0) hover:(!bg-primary !bg-opacity-25)"
               @click="navigateTo('/account/apps')"
diff --git a/packages/nc-gui/pages/account/index/[page].vue b/packages/nc-gui/pages/account/index/[page].vue
index 8b9a3d384e..f3d6da202d 100644
--- a/packages/nc-gui/pages/account/index/[page].vue
+++ b/packages/nc-gui/pages/account/index/[page].vue
@@ -1,7 +1,10 @@
+<script setup lang="ts">
+const { appInfo } = useGlobal()
+</script>
 <template>
   <AccountUserManagement v-if="$route.params.page === 'users'" />
   <AccountToken v-else-if="$route.params.page === 'tokens'" />
-  <AccountAppStore v-else-if="$route.params.page === 'apps'" />
+  <AccountAppStore v-else-if="$route.params.page === 'apps' && !appInfo.isCloud" />
   <AccountLicense v-else-if="$route.params.page === 'license'" />
   <span v-else></span>
 </template>
diff --git a/packages/nocodb/src/lib/services/hook.svc.ts b/packages/nocodb/src/lib/services/hook.svc.ts
index 89e94ef38d..084bf27296 100644
--- a/packages/nocodb/src/lib/services/hook.svc.ts
+++ b/packages/nocodb/src/lib/services/hook.svc.ts
@@ -1,11 +1,26 @@
 import { T } from 'nc-help';
 import { validatePayload } from '../meta/api/helpers';
+import { NcError } from '../meta/helpers/catchError';
 import { Hook, Model } from '../models';
 
 import { invokeWebhook } from '../meta/helpers/webhookHelpers';
 import populateSamplePayload from '../meta/helpers/populateSamplePayload';
 import type { HookReqType, HookTestReqType } from 'nocodb-sdk';
 
+function validateHookPayload(notificationJsonOrObject: string | object) {
+  let notification: { type?: string } = {};
+  try {
+    notification =
+      typeof notificationJsonOrObject === 'string'
+        ? JSON.parse(notificationJsonOrObject)
+        : notificationJsonOrObject;
+  } catch {}
+
+  if (notification.type !== 'URL' && process.env.NC_CLOUD) {
+    NcError.badRequest('Only URL notification is supported');
+  }
+}
+
 export async function hookList(param: { tableId: string }) {
   // todo: pagination
   return await Hook.list({ fk_model_id: param.tableId });
@@ -17,6 +32,8 @@ export async function hookCreate(param: {
 }) {
   validatePayload('swagger.json#/components/schemas/HookReq', param.hook);
 
+  validateHookPayload(param.hook.notification);
+
   T.emit('evt', { evt_type: 'webhooks:created' });
   // todo: type correction
   const hook = await Hook.insert({
@@ -37,6 +54,8 @@ export async function hookUpdate(param: { hookId: string; hook: HookReqType }) {
 
   T.emit('evt', { evt_type: 'webhooks:updated' });
 
+  validateHookPayload(param.hook.notification);
+
   // todo: correction in swagger
   return await Hook.update(param.hookId, param.hook as any);
 }
@@ -50,6 +69,8 @@ export async function hookTest(param: {
     param.hookTest
   );
 
+  validateHookPayload(param.hookTest.hook?.notification);
+
   const model = await Model.getByIdOrName({ id: param.tableId });
 
   const {
@@ -69,6 +90,7 @@ export async function hookTest(param: {
 
   return true;
 }
+
 export async function tableSampleData(param: {
   tableId: string;
   operation: 'insert' | 'update';

From a5bfaf90addb29b201dcaebc3e4a0c81fe9e951b Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 8 Mar 2023 23:07:22 +0530
Subject: [PATCH 05/24] refactor: disable hm option in cloud and make relation
 virtual

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../column/LinkedToAnotherRecordOptions.vue          | 12 ++++++++----
 packages/nc-gui/components/webhook/Editor.vue        |  5 ++---
 packages/nc-gui/pages/account/index/[page].vue       |  1 +
 packages/nocodb/src/lib/controllers/plugin.ctl.ts    | 12 +++++++++---
 4 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
index a7fb2485e7..7f5e969dc8 100644
--- a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
@@ -10,6 +10,8 @@ const props = defineProps<{
 
 const emit = defineEmits(['update:value'])
 
+const { appInfo } = $(useGlobal())
+
 const vModel = useVModel(props, 'value', emit)
 
 const meta = $(inject(MetaInj, ref()))
@@ -31,10 +33,10 @@ if (!vModel.value.childTable) vModel.value.childTable = meta?.table_name
 if (!vModel.value.parentTable) vModel.value.parentTable = vModel.value.rtn || ''
 if (!vModel.value.parentColumn) vModel.value.parentColumn = vModel.value.rcn || ''
 
-if (!vModel.value.type) vModel.value.type = 'hm'
+if (!vModel.value.type) vModel.value.type = appInfo.isCloud ? 'mm' : 'hm'
 if (!vModel.value.onUpdate) vModel.value.onUpdate = onUpdateDeleteOptions[0]
 if (!vModel.value.onDelete) vModel.value.onDelete = onUpdateDeleteOptions[0]
-if (!vModel.value.virtual) vModel.value.virtual = sqlUi === SqliteUi
+if (!vModel.value.virtual) vModel.value.virtual = appInfo.isCloud || sqlUi === SqliteUi
 if (!vModel.value.alias) vModel.value.alias = vModel.value.column_name
 
 const advancedOptions = $(ref(false))
@@ -55,7 +57,7 @@ const filterOption = (value: string, option: { key: string }) => option.key.toLo
     <div class="border-2 p-6">
       <a-form-item v-bind="validateInfos.type" class="nc-ltar-relation-type">
         <a-radio-group v-model:value="vModel.type" name="type" v-bind="validateInfos.type">
-          <a-radio value="hm">Has Many</a-radio>
+          <a-radio value="hm" :disabled="appInfo.isCloud">Has Many</a-radio>
           <a-radio value="mm">Many To Many</a-radio>
         </a-radio-group>
       </a-form-item>
@@ -127,7 +129,9 @@ const filterOption = (value: string, option: { key: string }) => option.key.toLo
 
       <div class="flex flex-row">
         <a-form-item>
-          <a-checkbox v-model:checked="vModel.virtual" name="virtual" @change="onDataTypeChange">Virtual Relation</a-checkbox>
+          <a-checkbox v-model:checked="vModel.virtual" :disabled="appInfo.isCloud" name="virtual" @change="onDataTypeChange"
+            >Virtual Relation</a-checkbox
+          >
         </a-form-item>
       </div>
     </div>
diff --git a/packages/nc-gui/components/webhook/Editor.vue b/packages/nc-gui/components/webhook/Editor.vue
index 0059d835bd..c9d766a439 100644
--- a/packages/nc-gui/components/webhook/Editor.vue
+++ b/packages/nc-gui/components/webhook/Editor.vue
@@ -313,6 +313,7 @@ async function onEventChange() {
 }
 
 async function loadPluginList() {
+  if (appInfo.isCloud) return
   try {
     const plugins = (await api.plugin.list()).list!
 
@@ -421,9 +422,7 @@ watch(
   { immediate: true },
 )
 
-onMounted(() => {
-  if (!appInfo.isCoud) loadPluginList()
-})
+onMounted(loadPluginList)
 </script>
 
 <template>
diff --git a/packages/nc-gui/pages/account/index/[page].vue b/packages/nc-gui/pages/account/index/[page].vue
index f3d6da202d..80080548bf 100644
--- a/packages/nc-gui/pages/account/index/[page].vue
+++ b/packages/nc-gui/pages/account/index/[page].vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 const { appInfo } = useGlobal()
 </script>
+
 <template>
   <AccountUserManagement v-if="$route.params.page === 'users'" />
   <AccountToken v-else-if="$route.params.page === 'tokens'" />
diff --git a/packages/nocodb/src/lib/controllers/plugin.ctl.ts b/packages/nocodb/src/lib/controllers/plugin.ctl.ts
index b0a6529f6a..91dd15212e 100644
--- a/packages/nocodb/src/lib/controllers/plugin.ctl.ts
+++ b/packages/nocodb/src/lib/controllers/plugin.ctl.ts
@@ -35,35 +35,41 @@ export async function isPluginActive(req: Request, res: Response) {
   );
 }
 
-const router = Router({ mergeParams: true });
-router.use((_req, res, next) => {
+const blockInCloudMw = (_req, res, next) => {
   if (process.env.NC_CLOUD) {
     res.status(403).send('Not allowed');
   } else next();
-});
+}
+
+const router = Router({ mergeParams: true });
 router.get(
   '/api/v1/db/meta/plugins',
+  blockInCloudMw,
   metaApiMetrics,
   ncMetaAclMw(pluginList, 'pluginList')
 );
 router.post(
   '/api/v1/db/meta/plugins/test',
   metaApiMetrics,
+  blockInCloudMw,
   ncMetaAclMw(pluginTest, 'pluginTest')
 );
 router.get(
   '/api/v1/db/meta/plugins/:pluginId',
   metaApiMetrics,
+  blockInCloudMw,
   ncMetaAclMw(pluginRead, 'pluginRead')
 );
 router.patch(
   '/api/v1/db/meta/plugins/:pluginId',
   metaApiMetrics,
+  blockInCloudMw,
   ncMetaAclMw(pluginUpdate, 'pluginUpdate')
 );
 router.get(
   '/api/v1/db/meta/plugins/:pluginTitle/status',
   metaApiMetrics,
+  blockInCloudMw,
   ncMetaAclMw(isPluginActive, 'isPluginActive')
 );
 export default router;

From a5a671df04184afa833764b4787efb7a4a2a0f2f Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 9 Mar 2023 11:13:06 +0530
Subject: [PATCH 06/24] refactor: take string 'true' as truthy value

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nocodb/src/lib/controllers/plugin.ctl.ts | 2 +-
 packages/nocodb/src/lib/services/hook.svc.ts      | 2 +-
 packages/nocodb/src/lib/services/util.svc.ts      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nocodb/src/lib/controllers/plugin.ctl.ts b/packages/nocodb/src/lib/controllers/plugin.ctl.ts
index 91dd15212e..51ab3bd2a7 100644
--- a/packages/nocodb/src/lib/controllers/plugin.ctl.ts
+++ b/packages/nocodb/src/lib/controllers/plugin.ctl.ts
@@ -36,7 +36,7 @@ export async function isPluginActive(req: Request, res: Response) {
 }
 
 const blockInCloudMw = (_req, res, next) => {
-  if (process.env.NC_CLOUD) {
+  if (process.env.NC_CLOUD === 'true') {
     res.status(403).send('Not allowed');
   } else next();
 }
diff --git a/packages/nocodb/src/lib/services/hook.svc.ts b/packages/nocodb/src/lib/services/hook.svc.ts
index 084bf27296..0267ff0f4b 100644
--- a/packages/nocodb/src/lib/services/hook.svc.ts
+++ b/packages/nocodb/src/lib/services/hook.svc.ts
@@ -16,7 +16,7 @@ function validateHookPayload(notificationJsonOrObject: string | object) {
         : notificationJsonOrObject;
   } catch {}
 
-  if (notification.type !== 'URL' && process.env.NC_CLOUD) {
+  if (notification.type !== 'URL' && process.env.NC_CLOUD === 'true') {
     NcError.badRequest('Only URL notification is supported');
   }
 }
diff --git a/packages/nocodb/src/lib/services/util.svc.ts b/packages/nocodb/src/lib/services/util.svc.ts
index e502e96070..27326e3847 100644
--- a/packages/nocodb/src/lib/services/util.svc.ts
+++ b/packages/nocodb/src/lib/services/util.svc.ts
@@ -56,7 +56,7 @@ export async function appInfo(param: { req: { ncSiteUrl: string } }) {
     ee: Noco.isEE(),
     ncAttachmentFieldSize: NC_ATTACHMENT_FIELD_SIZE,
     ncMaxAttachmentsAllowed: +(process.env.NC_MAX_ATTACHMENTS_ALLOWED || 10),
-    isCloud: !!process.env.NC_CLOUD,
+    isCloud: process.env.NC_CLOUD === 'true',
   };
 
   return result;

From e42f7a7d3bb8ee05134b54a440b5b21add81134a Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 9 Mar 2023 14:15:50 +0800
Subject: [PATCH 07/24] fix(nocodb-sdk): escapeDoubleQuotes

---
 packages/nocodb-sdk/src/lib/formulaHelpers.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/nocodb-sdk/src/lib/formulaHelpers.ts b/packages/nocodb-sdk/src/lib/formulaHelpers.ts
index e10e491dea..4d71420952 100644
--- a/packages/nocodb-sdk/src/lib/formulaHelpers.ts
+++ b/packages/nocodb-sdk/src/lib/formulaHelpers.ts
@@ -179,9 +179,8 @@ export function jsepTreeToFormula(node) {
 
   if (node.type === 'Literal') {
     if (typeof node.value === 'string') {
-      return '"' + node.value + '"';
+      return String.raw`"${escapeDoubleQuotes(node.value)}"`;
     }
-
     return '' + node.value;
   }
 
@@ -214,3 +213,7 @@ export function jsepTreeToFormula(node) {
 
   return '';
 }
+
+function escapeDoubleQuotes(v: string) {
+  return v.replace(/"/g, '\\"');
+}

From 25983021706ce2b7f333c2c0632521fc85f69ce4 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 9 Mar 2023 16:42:39 +0530
Subject: [PATCH 08/24] refactor(gui): make default relation type as mm

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../smartsheet/column/LinkedToAnotherRecordOptions.vue          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
index 7f5e969dc8..ed449b573f 100644
--- a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
@@ -33,7 +33,7 @@ if (!vModel.value.childTable) vModel.value.childTable = meta?.table_name
 if (!vModel.value.parentTable) vModel.value.parentTable = vModel.value.rtn || ''
 if (!vModel.value.parentColumn) vModel.value.parentColumn = vModel.value.rcn || ''
 
-if (!vModel.value.type) vModel.value.type = appInfo.isCloud ? 'mm' : 'hm'
+if (!vModel.value.type) vModel.value.type = 'mm'
 if (!vModel.value.onUpdate) vModel.value.onUpdate = onUpdateDeleteOptions[0]
 if (!vModel.value.onDelete) vModel.value.onDelete = onUpdateDeleteOptions[0]
 if (!vModel.value.virtual) vModel.value.virtual = appInfo.isCloud || sqlUi === SqliteUi

From e99d5c477e60bd67e3813d7cf272210aba3bfe95 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 9 Mar 2023 16:43:12 +0530
Subject: [PATCH 09/24] feat(nocodb): create index for virtual foreign key

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nocodb/src/lib/services/column.svc.ts     | 1255 ++++++++---------
 1 file changed, 625 insertions(+), 630 deletions(-)

diff --git a/packages/nocodb/src/lib/services/column.svc.ts b/packages/nocodb/src/lib/services/column.svc.ts
index 3da6cba5ed..8b31471938 100644
--- a/packages/nocodb/src/lib/services/column.svc.ts
+++ b/packages/nocodb/src/lib/services/column.svc.ts
@@ -5,10 +5,10 @@ import {
   substituteColumnAliasWithIdInFormula,
   substituteColumnIdWithAliasInFormula,
   UITypes,
-} from 'nocodb-sdk';
-import { T } from 'nc-help';
-import formulaQueryBuilderv2 from '../db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2';
-import ProjectMgrv2 from '../db/sql-mgr/v2/ProjectMgrv2';
+} from 'nocodb-sdk'
+import { T } from 'nc-help'
+import formulaQueryBuilderv2 from '../db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2'
+import ProjectMgrv2 from '../db/sql-mgr/v2/ProjectMgrv2'
 import {
   createHmAndBtColumn,
   generateFkName,
@@ -17,35 +17,35 @@ import {
   validatePayload,
   validateRequiredField,
   validateRollupPayload,
-} from '../meta/api/helpers';
-import { NcError } from '../meta/helpers/catchError';
-import getColumnPropsFromUIDT from '../meta/helpers/getColumnPropsFromUIDT';
+} from '../meta/api/helpers'
+import { NcError } from '../meta/helpers/catchError'
+import getColumnPropsFromUIDT from '../meta/helpers/getColumnPropsFromUIDT'
 import {
   getUniqueColumnAliasName,
   getUniqueColumnName,
-} from '../meta/helpers/getUniqueName';
-import mapDefaultDisplayValue from '../meta/helpers/mapDefaultDisplayValue';
-import validateParams from '../meta/helpers/validateParams';
-import Audit from '../models/Audit';
-import Base from '../models/Base';
-import Column from '../models/Column';
-import FormulaColumn from '../models/FormulaColumn';
-import KanbanView from '../models/KanbanView';
-import Model from '../models/Model';
-import Noco from '../Noco';
-import NcConnectionMgrv2 from '../utils/common/NcConnectionMgrv2';
-
-import { MetaTable } from '../utils/globals';
-import type Project from '../models/Project';
-import type LinkToAnotherRecordColumn from '../models/LinkToAnotherRecordColumn';
-import type NcMetaIO from '../meta/NcMetaIO';
-import type SqlMgrv2 from '../db/sql-mgr/v2/SqlMgrv2';
+} from '../meta/helpers/getUniqueName'
+import mapDefaultDisplayValue from '../meta/helpers/mapDefaultDisplayValue'
+import validateParams from '../meta/helpers/validateParams'
+import Audit from '../models/Audit'
+import Base from '../models/Base'
+import Column from '../models/Column'
+import FormulaColumn from '../models/FormulaColumn'
+import KanbanView from '../models/KanbanView'
+import Model from '../models/Model'
+import Noco from '../Noco'
+import NcConnectionMgrv2 from '../utils/common/NcConnectionMgrv2'
+
+import { MetaTable } from '../utils/globals'
+import type Project from '../models/Project'
+import type LinkToAnotherRecordColumn from '../models/LinkToAnotherRecordColumn'
+import type NcMetaIO from '../meta/NcMetaIO'
+import type SqlMgrv2 from '../db/sql-mgr/v2/SqlMgrv2'
 import type {
   ColumnReqType,
   LinkToAnotherColumnReqType,
   LinkToAnotherRecordType,
   RelationTypes,
-} from 'nocodb-sdk';
+} from 'nocodb-sdk'
 
 export enum Altered {
   NEW_COLUMN = 1,
@@ -59,25 +59,25 @@ export async function columnUpdate(param: {
   column: ColumnReqType & { colOptions?: any };
   cookie?: any;
 }) {
-  const { cookie } = param;
-  const column = await Column.get({ colId: param.columnId });
+  const { cookie } = param
+  const column = await Column.get({ colId: param.columnId })
 
   const table = await Model.getWithInfo({
     id: column.fk_model_id,
-  });
+  })
 
-  const base = await Base.get(table.base_id);
+  const base = await Base.get(table.base_id)
 
-  const sqlClient = await NcConnectionMgrv2.getSqlClient(base);
+  const sqlClient = await NcConnectionMgrv2.getSqlClient(base)
 
-  const sqlClientType = sqlClient.knex.clientType();
+  const sqlClientType = sqlClient.knex.clientType()
 
-  const mxColumnLength = Column.getMaxColumnNameLength(sqlClientType);
+  const mxColumnLength = Column.getMaxColumnNameLength(sqlClientType)
 
   if (param.column.column_name.length > mxColumnLength) {
     NcError.badRequest(
-      `Column name ${param.column.column_name} exceeds ${mxColumnLength} characters`
-    );
+      `Column name ${param.column.column_name} exceeds ${mxColumnLength} characters`,
+    )
   }
 
   if (
@@ -88,7 +88,7 @@ export async function columnUpdate(param: {
       exclude_id: param.columnId,
     }))
   ) {
-    NcError.badRequest('Duplicate column name');
+    NcError.badRequest('Duplicate column name')
   }
   if (
     !(await Column.checkAliasAvailable({
@@ -97,13 +97,13 @@ export async function columnUpdate(param: {
       exclude_id: param.columnId,
     }))
   ) {
-    NcError.badRequest('Duplicate column alias');
+    NcError.badRequest('Duplicate column alias')
   }
 
   let colBody = { ...param.column } as Column & {
     formula?: string;
     formula_raw?: string;
-  };
+  }
   if (
     [
       UITypes.Lookup,
@@ -120,37 +120,37 @@ export async function columnUpdate(param: {
         await Column.update(column.id, {
           ...column,
           ...colBody,
-        } as Column);
+        } as Column)
       } else if (column.uidt === UITypes.Formula) {
         colBody.formula = await substituteColumnAliasWithIdInFormula(
           colBody.formula_raw || colBody.formula,
-          table.columns
-        );
+          table.columns,
+        )
 
         try {
           // test the query to see if it is valid in db level
-          const dbDriver = await NcConnectionMgrv2.get(base);
-          await formulaQueryBuilderv2(colBody.formula, null, dbDriver, table);
+          const dbDriver = await NcConnectionMgrv2.get(base)
+          await formulaQueryBuilderv2(colBody.formula, null, dbDriver, table)
         } catch (e) {
-          console.error(e);
-          NcError.badRequest('Invalid Formula');
+          console.error(e)
+          NcError.badRequest('Invalid Formula')
         }
 
         await Column.update(column.id, {
           // title: colBody.title,
           ...column,
           ...colBody,
-        });
+        })
       } else if (colBody.title !== column.title) {
         await Column.updateAlias(param.columnId, {
           title: colBody.title,
-        });
+        })
       }
-      await updateRollupOrLookup(colBody, column);
+      await updateRollupOrLookup(colBody, column)
     } else {
       NcError.notImplemented(
-        `Updating ${colBody.uidt} => ${colBody.uidt} is not implemented`
-      );
+        `Updating ${colBody.uidt} => ${colBody.uidt} is not implemented`,
+      )
     }
   } else if (
     [
@@ -164,22 +164,22 @@ export async function columnUpdate(param: {
     ].includes(colBody.uidt)
   ) {
     NcError.notImplemented(
-      `Updating ${colBody.uidt} => ${colBody.uidt} is not implemented`
-    );
+      `Updating ${colBody.uidt} => ${colBody.uidt} is not implemented`,
+    )
   } else if (
     [UITypes.SingleSelect, UITypes.MultiSelect].includes(colBody.uidt)
   ) {
-    colBody = await getColumnPropsFromUIDT(colBody, base);
+    colBody = await getColumnPropsFromUIDT(colBody, base)
 
     const baseModel = await Model.getBaseModelSQL({
       id: table.id,
       dbDriver: await NcConnectionMgrv2.get(base),
-    });
+    })
 
     if (colBody.colOptions?.options) {
-      const supportedDrivers = ['mysql', 'mysql2', 'pg', 'mssql', 'sqlite3'];
-      const dbDriver = await NcConnectionMgrv2.get(base);
-      const driverType = dbDriver.clientType();
+      const supportedDrivers = ['mysql', 'mysql2', 'pg', 'mssql', 'sqlite3']
+      const dbDriver = await NcConnectionMgrv2.get(base)
+      const driverType = dbDriver.clientType()
 
       // MultiSelect to SingleSelect
       if (
@@ -194,14 +194,14 @@ export async function columnUpdate(param: {
               column.column_name,
               column.column_name,
               column.column_name,
-            ]
-          );
+            ],
+          )
         } else if (driverType === 'pg') {
           await dbDriver.raw(`UPDATE ?? SET ?? = split_part(??, ',', 1);`, [
             table.table_name,
             column.column_name,
             column.column_name,
-          ]);
+          ])
         } else if (driverType === 'mssql') {
           await dbDriver.raw(
             `UPDATE ?? SET ?? = LEFT(cast(?? as varchar(max)), CHARINDEX(',', ??) - 1) WHERE CHARINDEX(',', ??) > 0;`,
@@ -211,8 +211,8 @@ export async function columnUpdate(param: {
               column.column_name,
               column.column_name,
               column.column_name,
-            ]
-          );
+            ],
+          )
         } else if (driverType === 'sqlite3') {
           await dbDriver.raw(
             `UPDATE ?? SET ?? = substr(??, 1, instr(??, ',') - 1) WHERE ?? LIKE '%,%';`,
@@ -222,96 +222,96 @@ export async function columnUpdate(param: {
               column.column_name,
               column.column_name,
               column.column_name,
-            ]
-          );
+            ],
+          )
         }
       }
 
       // Handle migrations
       if (column.colOptions?.options) {
         for (const op of column.colOptions.options.filter(
-          (el) => el.order === null
+          (el) => el.order === null,
         )) {
-          op.title = op.title.replace(/^'/, '').replace(/'$/, '');
+          op.title = op.title.replace(/^'/, '').replace(/'$/, '')
         }
       }
 
       // Handle default values
       const optionTitles = colBody.colOptions.options.map((el) =>
-        el.title.replace(/'/g, "''")
-      );
+        el.title.replace(/'/g, '\'\''),
+      )
       if (colBody.cdf) {
         if (colBody.uidt === UITypes.SingleSelect) {
-          if (!optionTitles.includes(colBody.cdf.replace(/'/g, "''"))) {
+          if (!optionTitles.includes(colBody.cdf.replace(/'/g, '\'\''))) {
             NcError.badRequest(
-              `Default value '${colBody.cdf}' is not a select option.`
-            );
+              `Default value '${colBody.cdf}' is not a select option.`,
+            )
           }
         } else {
           for (const cdf of colBody.cdf.split(',')) {
-            if (!optionTitles.includes(cdf.replace(/'/g, "''"))) {
+            if (!optionTitles.includes(cdf.replace(/'/g, '\'\''))) {
               NcError.badRequest(
-                `Default value '${cdf}' is not a select option.`
-              );
+                `Default value '${cdf}' is not a select option.`,
+              )
             }
           }
         }
 
         // handle single quote for default value
         if (driverType === 'mysql' || driverType === 'mysql2') {
-          colBody.cdf = colBody.cdf.replace(/'/g, "'");
+          colBody.cdf = colBody.cdf.replace(/'/g, '\'')
         } else {
-          colBody.cdf = colBody.cdf.replace(/'/g, "''");
+          colBody.cdf = colBody.cdf.replace(/'/g, '\'\'')
         }
 
         if (driverType === 'pg') {
-          colBody.cdf = `'${colBody.cdf}'`;
+          colBody.cdf = `'${colBody.cdf}'`
         }
       }
 
       // Restrict duplicates
-      const titles = colBody.colOptions.options.map((el) => el.title);
+      const titles = colBody.colOptions.options.map((el) => el.title)
       if (
-        titles.some(function (item) {
-          return titles.indexOf(item) !== titles.lastIndexOf(item);
+        titles.some(function(item) {
+          return titles.indexOf(item) !== titles.lastIndexOf(item)
         })
       ) {
-        NcError.badRequest('Duplicates are not allowed!');
+        NcError.badRequest('Duplicates are not allowed!')
       }
 
       // Restrict empty options
       if (
-        titles.some(function (item) {
-          return item === '';
+        titles.some(function(item) {
+          return item === ''
         })
       ) {
-        NcError.badRequest('Empty options are not allowed!');
+        NcError.badRequest('Empty options are not allowed!')
       }
 
       // Trim end of enum/set
       if (colBody.dt === 'enum' || colBody.dt === 'set') {
         for (const opt of colBody.colOptions.options) {
-          opt.title = opt.title.trimEnd();
+          opt.title = opt.title.trimEnd()
         }
       }
 
       if (colBody.uidt === UITypes.SingleSelect) {
         colBody.dtxp = colBody.colOptions?.options.length
           ? `${colBody.colOptions.options
-              .map((o) => `'${o.title.replace(/'/gi, "''")}'`)
-              .join(',')}`
-          : '';
+            .map((o) => `'${o.title.replace(/'/gi, '\'\'')}'`)
+            .join(',')}`
+          : ''
       } else if (colBody.uidt === UITypes.MultiSelect) {
         colBody.dtxp = colBody.colOptions?.options.length
           ? `${colBody.colOptions.options
-              .map((o) => {
-                if (o.title.includes(',')) {
-                  NcError.badRequest("Illegal char(',') for MultiSelect");
-                }
-                return `'${o.title.replace(/'/gi, "''")}'`;
-              })
-              .join(',')}`
-          : '';
+            .map((o) => {
+              if (o.title.includes(',')) {
+                NcError.badRequest('Illegal char(\',\') for MultiSelect')
+              }
+              return `'${o.title.replace(/'/gi, '\'\'')}'`
+            })
+            .join(',')}`
+          : ''
       }
 
       // Handle empty enum/set for mysql (we restrict empty user options beforehand)
@@ -320,12 +320,12 @@ export async function columnUpdate(param: {
           !colBody.colOptions.options.length &&
           (!colBody.dtxp || colBody.dtxp === '')
         ) {
-          colBody.dtxp = "''";
+          colBody.dtxp = '\'\''
         }
 
         if (colBody.dt === 'set') {
           if (colBody.colOptions?.options.length > 64) {
-            colBody.dt = 'text';
+            colBody.dt = 'text'
           }
         }
       }
@@ -335,15 +335,15 @@ export async function columnUpdate(param: {
         for (const option of column.colOptions.options.filter((oldOp) =>
           colBody.colOptions.options.find((newOp) => newOp.id === oldOp.id)
             ? false
-            : true
+            : true,
         )) {
           if (
             !supportedDrivers.includes(driverType) &&
             column.uidt === UITypes.MultiSelect
           ) {
             NcError.badRequest(
-              'Your database not yet supported for this operation. Please remove option from records manually before dropping.'
-            );
+              'Your database not yet supported for this operation. Please remove option from records manually before dropping.',
+            )
           }
           if (column.uidt === UITypes.SingleSelect) {
             if (driverType === 'mssql') {
@@ -352,13 +352,13 @@ export async function columnUpdate(param: {
                 column.column_name,
                 column.column_name,
                 option.title,
-              ]);
+              ])
             } else {
               await baseModel.bulkUpdateAll(
                 { where: `(${column.title},eq,${option.title})` },
                 { [column.column_name]: null },
-                { cookie }
-              );
+                { cookie },
+              )
             }
           } else if (column.uidt === UITypes.MultiSelect) {
             if (driverType === 'mysql' || driverType === 'mysql2') {
@@ -372,8 +372,8 @@ export async function columnUpdate(param: {
                     option.title,
                     option.title,
                     column.column_name,
-                  ]
-                );
+                  ],
+                )
               } else {
                 await dbDriver.raw(
                   `UPDATE ?? SET ?? = TRIM(BOTH ',' FROM REPLACE(CONCAT(',', ??, ','), CONCAT(',', ?, ','), ','))`,
@@ -382,8 +382,8 @@ export async function columnUpdate(param: {
                     column.column_name,
                     column.column_name,
                     option.title,
-                  ]
-                );
+                  ],
+                )
               }
             } else if (driverType === 'pg') {
               await dbDriver.raw(
@@ -393,8 +393,8 @@ export async function columnUpdate(param: {
                   column.column_name,
                   column.column_name,
                   option.title,
-                ]
-              );
+                ],
+              )
             } else if (driverType === 'mssql') {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = substring(replace(concat(',', ??, ','), concat(',', ?, ','), ','), 2, len(replace(concat(',', ??, ','), concat(',', ?, ','), ',')) - 2)`,
@@ -405,8 +405,8 @@ export async function columnUpdate(param: {
                   option.title,
                   column.column_name,
                   option.title,
-                ]
-              );
+                ],
+              )
             } else if (driverType === 'sqlite3') {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = TRIM(REPLACE(',' || ?? || ',', ',' || ? || ',', ','), ',')`,
@@ -415,45 +415,45 @@ export async function columnUpdate(param: {
                   column.column_name,
                   column.column_name,
                   option.title,
-                ]
-              );
+                ],
+              )
             }
           }
         }
       }
 
-      const interchange = [];
+      const interchange = []
 
       // Handle option update
       if (column.colOptions?.options) {
-        const old_titles = column.colOptions.options.map((el) => el.title);
+        const old_titles = column.colOptions.options.map((el) => el.title)
         for (const option of column.colOptions.options.filter((oldOp) =>
           colBody.colOptions.options.find(
-            (newOp) => newOp.id === oldOp.id && newOp.title !== oldOp.title
-          )
+            (newOp) => newOp.id === oldOp.id && newOp.title !== oldOp.title,
+          ),
         )) {
           if (
             !supportedDrivers.includes(driverType) &&
             column.uidt === UITypes.MultiSelect
           ) {
             NcError.badRequest(
-              'Your database not yet supported for this operation. Please remove option from records manually before updating.'
-            );
+              'Your database not yet supported for this operation. Please remove option from records manually before updating.',
+            )
           }
 
           const newOp = {
             ...colBody.colOptions.options.find((el) => option.id === el.id),
-          };
+          }
           if (old_titles.includes(newOp.title)) {
-            const def_option = { ...newOp };
-            let title_counter = 1;
+            const def_option = { ...newOp }
+            let title_counter = 1
             while (old_titles.includes(newOp.title)) {
-              newOp.title = `${def_option.title}_${title_counter++}`;
+              newOp.title = `${def_option.title}_${title_counter++}`
             }
             interchange.push({
               def_option,
               temp_title: newOp.title,
-            });
+            })
           }
 
           // Append new option before editing
@@ -461,27 +461,27 @@ export async function columnUpdate(param: {
             (driverType === 'mysql' || driverType === 'mysql2') &&
             (column.dt === 'enum' || column.dt === 'set')
           ) {
-            column.colOptions.options.push({ title: newOp.title });
+            column.colOptions.options.push({ title: newOp.title })
 
-            let temp_dtxp = '';
+            let temp_dtxp = ''
             if (column.uidt === UITypes.SingleSelect) {
               temp_dtxp = column.colOptions.options.length
                 ? `${column.colOptions.options
-                    .map((o) => `'${o.title.replace(/'/gi, "''")}'`)
-                    .join(',')}`
-                : '';
+                  .map((o) => `'${o.title.replace(/'/gi, '\'\'')}'`)
+                  .join(',')}`
+                : ''
             } else if (column.uidt === UITypes.MultiSelect) {
               temp_dtxp = column.colOptions.options.length
                 ? `${column.colOptions.options
-                    .map((o) => {
-                      if (o.title.includes(',')) {
-                        NcError.badRequest("Illegal char(',') for MultiSelect");
-                        throw new Error('');
-                      }
-                      return `'${o.title.replace(/'/gi, "''")}'`;
-                    })
-                    .join(',')}`
-                : '';
+                  .map((o) => {
+                    if (o.title.includes(',')) {
+                      NcError.badRequest('Illegal char(\',\') for MultiSelect')
+                      throw new Error('')
+                    }
+                    return `'${o.title.replace(/'/gi, '\'\'')}'`
+                  })
+                  .join(',')}`
+                : ''
             }
 
             const tableUpdateBody = {
@@ -502,24 +502,24 @@ export async function columnUpdate(param: {
                       cno: c.column_name,
                       dtxp: temp_dtxp,
                       altered: Altered.UPDATE_COLUMN,
-                    };
-                    return Promise.resolve(res);
+                    }
+                    return Promise.resolve(res)
                   } else {
-                    (c as any).cn = c.column_name;
+                    (c as any).cn = c.column_name
                   }
-                  return Promise.resolve(c);
-                })
+                  return Promise.resolve(c)
+                }),
               ),
-            };
+            }
 
             const sqlMgr = await ProjectMgrv2.getSqlMgr({
               id: base.project_id,
-            });
-            await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
+            })
+            await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
 
             await Column.update(param.columnId, {
               ...column,
-            });
+            })
           }
 
           if (column.uidt === UITypes.SingleSelect) {
@@ -530,13 +530,13 @@ export async function columnUpdate(param: {
                 newOp.title,
                 column.column_name,
                 option.title,
-              ]);
+              ])
             } else {
               await baseModel.bulkUpdateAll(
                 { where: `(${column.title},eq,${option.title})` },
                 { [column.column_name]: newOp.title },
-                { cookie }
-              );
+                { cookie },
+              )
             }
           } else if (column.uidt === UITypes.MultiSelect) {
             if (driverType === 'mysql' || driverType === 'mysql2') {
@@ -551,8 +551,8 @@ export async function columnUpdate(param: {
                     newOp.title,
                     option.title,
                     column.column_name,
-                  ]
-                );
+                  ],
+                )
               } else {
                 await dbDriver.raw(
                   `UPDATE ?? SET ?? = TRIM(BOTH ',' FROM REPLACE(CONCAT(',', ??, ','), CONCAT(',', ?, ','), CONCAT(',', ?, ',')))`,
@@ -562,8 +562,8 @@ export async function columnUpdate(param: {
                     column.column_name,
                     option.title,
                     newOp.title,
-                  ]
-                );
+                  ],
+                )
               }
             } else if (driverType === 'pg') {
               await dbDriver.raw(
@@ -574,8 +574,8 @@ export async function columnUpdate(param: {
                   column.column_name,
                   option.title,
                   newOp.title,
-                ]
-              );
+                ],
+              )
             } else if (driverType === 'mssql') {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = substring(replace(concat(',', ??, ','), concat(',', ?, ','), concat(',', ?, ',')), 2, len(replace(concat(',', ??, ','), concat(',', ?, ','), concat(',', ?, ','))) - 2)`,
@@ -588,8 +588,8 @@ export async function columnUpdate(param: {
                   column.column_name,
                   option.title,
                   newOp.title,
-                ]
-              );
+                ],
+              )
             } else if (driverType === 'sqlite3') {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = TRIM(REPLACE(',' || ?? || ',', ',' || ? || ',', ',' || ? || ','), ',')`,
@@ -599,15 +599,15 @@ export async function columnUpdate(param: {
                   column.column_name,
                   option.title,
                   newOp.title,
-                ]
-              );
+                ],
+              )
             }
           }
         }
       }
 
       for (const ch of interchange) {
-        const newOp = ch.def_option;
+        const newOp = ch.def_option
         if (column.uidt === UITypes.SingleSelect) {
           if (driverType === 'mssql') {
             await dbDriver.raw(`UPDATE ?? SET ?? = ? WHERE ?? LIKE ?`, [
@@ -616,13 +616,13 @@ export async function columnUpdate(param: {
               newOp.title,
               column.column_name,
               ch.temp_title,
-            ]);
+            ])
           } else {
             await baseModel.bulkUpdateAll(
               { where: `(${column.title},eq,${ch.temp_title})` },
               { [column.column_name]: newOp.title },
-              { cookie }
-            );
+              { cookie },
+            )
           }
         } else if (column.uidt === UITypes.MultiSelect) {
           if (driverType === 'mysql' || driverType === 'mysql2') {
@@ -637,8 +637,8 @@ export async function columnUpdate(param: {
                   newOp.title,
                   ch.temp_title,
                   column.column_name,
-                ]
-              );
+                ],
+              )
             } else {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = TRIM(BOTH ',' FROM REPLACE(CONCAT(',', ??, ','), CONCAT(',', ?, ','), CONCAT(',', ?, ',')))`,
@@ -650,8 +650,8 @@ export async function columnUpdate(param: {
                   newOp.title,
                   ch.temp_title,
                   column.column_name,
-                ]
-              );
+                ],
+              )
             }
           } else if (driverType === 'pg') {
             await dbDriver.raw(
@@ -662,8 +662,8 @@ export async function columnUpdate(param: {
                 column.column_name,
                 ch.temp_title,
                 newOp.title,
-              ]
-            );
+              ],
+            )
           } else if (driverType === 'mssql') {
             await dbDriver.raw(
               `UPDATE ?? SET ?? = substring(replace(concat(',', ??, ','), concat(',', ?, ','), concat(',', ?, ',')), 2, len(replace(concat(',', ??, ','), concat(',', ?, ','), concat(',', ?, ','))) - 2)`,
@@ -676,8 +676,8 @@ export async function columnUpdate(param: {
                 column.column_name,
                 ch.temp_title,
                 newOp.title,
-              ]
-            );
+              ],
+            )
           } else if (driverType === 'sqlite3') {
             await dbDriver.raw(
               `UPDATE ?? SET ?? = TRIM(REPLACE(',' || ?? || ',', ',' || ? || ',', ',' || ? || ','), ',')`,
@@ -687,8 +687,8 @@ export async function columnUpdate(param: {
                 column.column_name,
                 ch.temp_title,
                 newOp.title,
-              ]
-            );
+              ],
+            )
           }
         }
       }
@@ -711,48 +711,48 @@ export async function columnUpdate(param: {
               cn: colBody.column_name,
               cno: c.column_name,
               altered: Altered.UPDATE_COLUMN,
-            };
+            }
 
             // update formula with new column name
             if (c.column_name != colBody.column_name) {
               const formulas = await Noco.ncMeta
                 .knex(MetaTable.COL_FORMULA)
-                .where('formula', 'like', `%${c.id}%`);
+                .where('formula', 'like', `%${c.id}%`)
               if (formulas) {
-                const new_column = c;
-                new_column.column_name = colBody.column_name;
-                new_column.title = colBody.title;
+                const new_column = c
+                new_column.column_name = colBody.column_name
+                new_column.title = colBody.title
                 for (const f of formulas) {
                   // the formula with column IDs only
-                  const formula = f.formula;
+                  const formula = f.formula
                   // replace column IDs with alias to get the new formula_raw
                   const new_formula_raw = substituteColumnIdWithAliasInFormula(
                     formula,
-                    [new_column]
-                  );
+                    [new_column],
+                  )
                   await FormulaColumn.update(c.id, {
                     formula_raw: new_formula_raw,
-                  });
+                  })
                 }
               }
             }
-            return Promise.resolve(res);
+            return Promise.resolve(res)
           } else {
-            (c as any).cn = c.column_name;
+            (c as any).cn = c.column_name
           }
-          return Promise.resolve(c);
-        })
+          return Promise.resolve(c)
+        }),
       ),
-    };
+    }
 
-    const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id });
-    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
+    const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id })
+    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
 
     await Column.update(param.columnId, {
       ...colBody,
-    });
+    })
   } else {
-    colBody = await getColumnPropsFromUIDT(colBody, base);
+    colBody = await getColumnPropsFromUIDT(colBody, base)
     const tableUpdateBody = {
       ...table,
       tn: table.table_name,
@@ -770,46 +770,46 @@ export async function columnUpdate(param: {
               cn: colBody.column_name,
               cno: c.column_name,
               altered: Altered.UPDATE_COLUMN,
-            };
+            }
 
             // update formula with new column name
             if (c.column_name != colBody.column_name) {
               const formulas = await Noco.ncMeta
                 .knex(MetaTable.COL_FORMULA)
-                .where('formula', 'like', `%${c.id}%`);
+                .where('formula', 'like', `%${c.id}%`)
               if (formulas) {
-                const new_column = c;
-                new_column.column_name = colBody.column_name;
-                new_column.title = colBody.title;
+                const new_column = c
+                new_column.column_name = colBody.column_name
+                new_column.title = colBody.title
                 for (const f of formulas) {
                   // the formula with column IDs only
-                  const formula = f.formula;
+                  const formula = f.formula
                   // replace column IDs with alias to get the new formula_raw
                   const new_formula_raw = substituteColumnIdWithAliasInFormula(
                     formula,
-                    [new_column]
-                  );
+                    [new_column],
+                  )
                   await FormulaColumn.update(c.id, {
                     formula_raw: new_formula_raw,
-                  });
+                  })
                 }
               }
             }
-            return Promise.resolve(res);
+            return Promise.resolve(res)
           } else {
-            (c as any).cn = c.column_name;
+            (c as any).cn = c.column_name
           }
-          return Promise.resolve(c);
-        })
+          return Promise.resolve(c)
+        }),
       ),
-    };
+    }
 
-    const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id });
-    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
+    const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id })
+    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
 
     await Column.update(param.columnId, {
       ...colBody,
-    });
+    })
   }
   await Audit.insert({
     project_id: base.project_id,
@@ -818,21 +818,22 @@ export async function columnUpdate(param: {
     user: param.req?.user?.email,
     description: `updated column ${column.column_name} with alias ${column.title} from table ${table.table_name}`,
     ip: param.req?.clientIp,
-  }).then(() => {});
+  }).then(() => {
+  })
 
-  await table.getColumns();
-  T.emit('evt', { evt_type: 'column:updated' });
+  await table.getColumns()
+  T.emit('evt', { evt_type: 'column:updated' })
 
-  return table;
+  return table
 }
 
 export async function columnGet(param: { columnId: string }) {
-  return Column.get({ colId: param.columnId });
+  return Column.get({ colId: param.columnId })
 }
 
 export async function columnSetAsPrimary(param: { columnId: string }) {
-  const column = await Column.get({ colId: param.columnId });
-  return Model.updatePrimaryColumn(column.fk_model_id, column.id);
+  const column = await Column.get({ colId: param.columnId })
+  return Model.updatePrimaryColumn(column.fk_model_id, column.id)
 }
 
 export async function columnAdd(param: {
@@ -840,22 +841,22 @@ export async function columnAdd(param: {
   tableId: string;
   column: ColumnReqType;
 }) {
-  validatePayload('swagger.json#/components/schemas/ColumnReq', param.column);
+  validatePayload('swagger.json#/components/schemas/ColumnReq', param.column)
 
   const table = await Model.getWithInfo({
     id: param.tableId,
-  });
+  })
 
-  const base = await Base.get(table.base_id);
+  const base = await Base.get(table.base_id)
 
-  const project = await base.getProject();
+  const project = await base.getProject()
 
   if (param.column.title || param.column.column_name) {
-    const dbDriver = await NcConnectionMgrv2.get(base);
+    const dbDriver = await NcConnectionMgrv2.get(base)
 
-    const sqlClientType = dbDriver.clientType();
+    const sqlClientType = dbDriver.clientType()
 
-    const mxColumnLength = Column.getMaxColumnNameLength(sqlClientType);
+    const mxColumnLength = Column.getMaxColumnNameLength(sqlClientType)
 
     if (
       (param.column.title || param.column.column_name).length > mxColumnLength
@@ -863,8 +864,8 @@ export async function columnAdd(param: {
       NcError.badRequest(
         `Column name ${
           param.column.title || param.column.column_name
-        } exceeds ${mxColumnLength} characters`
-      );
+        } exceeds ${mxColumnLength} characters`,
+      )
     }
   }
 
@@ -875,7 +876,7 @@ export async function columnAdd(param: {
       fk_model_id: param.tableId,
     }))
   ) {
-    NcError.badRequest('Duplicate column name');
+    NcError.badRequest('Duplicate column name')
   }
   if (
     !(await Column.checkAliasAvailable({
@@ -883,229 +884,224 @@ export async function columnAdd(param: {
       fk_model_id: param.tableId,
     }))
   ) {
-    NcError.badRequest('Duplicate column alias');
+    NcError.badRequest('Duplicate column alias')
   }
 
-  let colBody: any = param.column;
+  let colBody: any = param.column
   switch (colBody.uidt) {
-    case UITypes.Rollup:
-      {
-        await validateRollupPayload(param.column);
+    case UITypes.Rollup: {
+      await validateRollupPayload(param.column)
 
-        await Column.insert({
-          ...colBody,
-          fk_model_id: table.id,
-        });
-      }
-      break;
-    case UITypes.Lookup:
-      {
-        await validateLookupPayload(param.column);
+      await Column.insert({
+        ...colBody,
+        fk_model_id: table.id,
+      })
+    }
+      break
+    case UITypes.Lookup: {
+      await validateLookupPayload(param.column)
 
-        await Column.insert({
-          ...colBody,
-          fk_model_id: table.id,
-        });
-      }
-      break;
+      await Column.insert({
+        ...colBody,
+        fk_model_id: table.id,
+      })
+    }
+      break
 
     case UITypes.LinkToAnotherRecord:
-      await createLTARColumn({ ...param, base, project });
-      T.emit('evt', { evt_type: 'relation:created' });
-      break;
+      await createLTARColumn({ ...param, base, project })
+      T.emit('evt', { evt_type: 'relation:created' })
+      break
 
     case UITypes.QrCode:
       await Column.insert({
         ...colBody,
         fk_model_id: table.id,
-      });
-      break;
+      })
+      break
     case UITypes.Barcode:
       await Column.insert({
         ...colBody,
         fk_model_id: table.id,
-      });
-      break;
+      })
+      break
     case UITypes.Formula:
       colBody.formula = await substituteColumnAliasWithIdInFormula(
         colBody.formula_raw || colBody.formula,
-        table.columns
-      );
+        table.columns,
+      )
 
       try {
         // test the query to see if it is valid in db level
-        const dbDriver = await NcConnectionMgrv2.get(base);
-        await formulaQueryBuilderv2(colBody.formula, null, dbDriver, table);
+        const dbDriver = await NcConnectionMgrv2.get(base)
+        await formulaQueryBuilderv2(colBody.formula, null, dbDriver, table)
       } catch (e) {
-        console.error(e);
-        NcError.badRequest('Invalid Formula');
+        console.error(e)
+        NcError.badRequest('Invalid Formula')
       }
 
       await Column.insert({
         ...colBody,
         fk_model_id: table.id,
-      });
+      })
 
-      break;
-    default:
-      {
-        colBody = await getColumnPropsFromUIDT(colBody, base);
-        if (colBody.uidt === UITypes.Duration) {
-          colBody.dtxp = '20';
-          // by default, colBody.dtxs is 2
-          // Duration column needs more that that
-          colBody.dtxs = '4';
-        }
+      break
+    default: {
+      colBody = await getColumnPropsFromUIDT(colBody, base)
+      if (colBody.uidt === UITypes.Duration) {
+        colBody.dtxp = '20'
+        // by default, colBody.dtxs is 2
+        // Duration column needs more that that
+        colBody.dtxs = '4'
+      }
 
-        if (
-          [UITypes.SingleSelect, UITypes.MultiSelect].includes(colBody.uidt)
-        ) {
-          const dbDriver = await NcConnectionMgrv2.get(base);
-          const driverType = dbDriver.clientType();
-          const optionTitles = colBody.colOptions.options.map((el) =>
-            el.title.replace(/'/g, "''")
-          );
-
-          // this is not used for select columns and cause issue for MySQL
-          colBody.dtxs = '';
-          // Handle default values
-          if (colBody.cdf) {
-            if (colBody.uidt === UITypes.SingleSelect) {
-              if (!optionTitles.includes(colBody.cdf.replace(/'/g, "''"))) {
+      if (
+        [UITypes.SingleSelect, UITypes.MultiSelect].includes(colBody.uidt)
+      ) {
+        const dbDriver = await NcConnectionMgrv2.get(base)
+        const driverType = dbDriver.clientType()
+        const optionTitles = colBody.colOptions.options.map((el) =>
+          el.title.replace(/'/g, '\'\''),
+        )
+
+        // this is not used for select columns and cause issue for MySQL
+        colBody.dtxs = ''
+        // Handle default values
+        if (colBody.cdf) {
+          if (colBody.uidt === UITypes.SingleSelect) {
+            if (!optionTitles.includes(colBody.cdf.replace(/'/g, '\'\''))) {
+              NcError.badRequest(
+                `Default value '${colBody.cdf}' is not a select option.`,
+              )
+            }
+          } else {
+            for (const cdf of colBody.cdf.split(',')) {
+              if (!optionTitles.includes(cdf.replace(/'/g, '\'\''))) {
                 NcError.badRequest(
-                  `Default value '${colBody.cdf}' is not a select option.`
-                );
-              }
-            } else {
-              for (const cdf of colBody.cdf.split(',')) {
-                if (!optionTitles.includes(cdf.replace(/'/g, "''"))) {
-                  NcError.badRequest(
-                    `Default value '${cdf}' is not a select option.`
-                  );
-                }
+                  `Default value '${cdf}' is not a select option.`,
+                )
               }
             }
-
-            // handle single quote for default value
-            if (driverType === 'mysql' || driverType === 'mysql2') {
-              colBody.cdf = colBody.cdf.replace(/'/g, "'");
-            } else {
-              colBody.cdf = colBody.cdf.replace(/'/g, "''");
-            }
-
-            if (driverType === 'pg') {
-              colBody.cdf = `'${colBody.cdf}'`;
-            }
           }
 
-          // Restrict duplicates
-          const titles = colBody.colOptions.options.map((el) => el.title);
-          if (
-            titles.some(function (item) {
-              return titles.indexOf(item) !== titles.lastIndexOf(item);
-            })
-          ) {
-            NcError.badRequest('Duplicates are not allowed!');
+          // handle single quote for default value
+          if (driverType === 'mysql' || driverType === 'mysql2') {
+            colBody.cdf = colBody.cdf.replace(/'/g, '\'')
+          } else {
+            colBody.cdf = colBody.cdf.replace(/'/g, '\'\'')
           }
 
-          // Restrict empty options
-          if (
-            titles.some(function (item) {
-              return item === '';
-            })
-          ) {
-            NcError.badRequest('Empty options are not allowed!');
+          if (driverType === 'pg') {
+            colBody.cdf = `'${colBody.cdf}'`
           }
+        }
 
-          // Trim end of enum/set
-          if (colBody.dt === 'enum' || colBody.dt === 'set') {
-            for (const opt of colBody.colOptions.options) {
-              opt.title = opt.title.trimEnd();
-            }
-          }
+        // Restrict duplicates
+        const titles = colBody.colOptions.options.map((el) => el.title)
+        if (
+          titles.some(function(item) {
+            return titles.indexOf(item) !== titles.lastIndexOf(item)
+          })
+        ) {
+          NcError.badRequest('Duplicates are not allowed!')
+        }
 
-          if (colBody.uidt === UITypes.SingleSelect) {
-            colBody.dtxp = colBody.colOptions?.options.length
-              ? `${colBody.colOptions.options
-                  .map((o) => `'${o.title.replace(/'/gi, "''")}'`)
-                  .join(',')}`
-              : '';
-          } else if (colBody.uidt === UITypes.MultiSelect) {
-            colBody.dtxp = colBody.colOptions?.options.length
-              ? `${colBody.colOptions.options
-                  .map((o) => {
-                    if (o.title.includes(',')) {
-                      NcError.badRequest("Illegal char(',') for MultiSelect");
-                    }
-                    return `'${o.title.replace(/'/gi, "''")}'`;
-                  })
-                  .join(',')}`
-              : '';
+        // Restrict empty options
+        if (
+          titles.some(function(item) {
+            return item === ''
+          })
+        ) {
+          NcError.badRequest('Empty options are not allowed!')
+        }
+
+        // Trim end of enum/set
+        if (colBody.dt === 'enum' || colBody.dt === 'set') {
+          for (const opt of colBody.colOptions.options) {
+            opt.title = opt.title.trimEnd()
           }
+        }
 
-          // Handle empty enum/set for mysql (we restrict empty user options beforehand)
-          if (driverType === 'mysql' || driverType === 'mysql2') {
-            if (
-              !colBody.colOptions.options.length &&
-              (!colBody.dtxp || colBody.dtxp === '')
-            ) {
-              colBody.dtxp = "''";
-            }
+        if (colBody.uidt === UITypes.SingleSelect) {
+          colBody.dtxp = colBody.colOptions?.options.length
+            ? `${colBody.colOptions.options
+              .map((o) => `'${o.title.replace(/'/gi, '\'\'')}'`)
+              .join(',')}`
+            : ''
+        } else if (colBody.uidt === UITypes.MultiSelect) {
+          colBody.dtxp = colBody.colOptions?.options.length
+            ? `${colBody.colOptions.options
+              .map((o) => {
+                if (o.title.includes(',')) {
+                  NcError.badRequest('Illegal char(\',\') for MultiSelect')
+                }
+                return `'${o.title.replace(/'/gi, '\'\'')}'`
+              })
+              .join(',')}`
+            : ''
+        }
 
-            if (colBody.dt === 'set') {
-              if (colBody.colOptions?.options.length > 64) {
-                colBody.dt = 'text';
-              }
+        // Handle empty enum/set for mysql (we restrict empty user options beforehand)
+        if (driverType === 'mysql' || driverType === 'mysql2') {
+          if (
+            !colBody.colOptions.options.length &&
+            (!colBody.dtxp || colBody.dtxp === '')
+          ) {
+            colBody.dtxp = '\'\''
+          }
+
+          if (colBody.dt === 'set') {
+            if (colBody.colOptions?.options.length > 64) {
+              colBody.dt = 'text'
             }
           }
         }
+      }
 
-        const tableUpdateBody = {
-          ...table,
-          tn: table.table_name,
-          originalColumns: table.columns.map((c) => ({
-            ...c,
-            cn: c.column_name,
-          })),
-          columns: [
-            ...table.columns.map((c) => ({ ...c, cn: c.column_name })),
-            {
-              ...colBody,
-              cn: colBody.column_name,
-              altered: Altered.NEW_COLUMN,
-            },
-          ],
-        };
+      const tableUpdateBody = {
+        ...table,
+        tn: table.table_name,
+        originalColumns: table.columns.map((c) => ({
+          ...c,
+          cn: c.column_name,
+        })),
+        columns: [
+          ...table.columns.map((c) => ({ ...c, cn: c.column_name })),
+          {
+            ...colBody,
+            cn: colBody.column_name,
+            altered: Altered.NEW_COLUMN,
+          },
+        ],
+      }
 
-        const sqlClient = await NcConnectionMgrv2.getSqlClient(base);
-        const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id });
-        await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
+      const sqlClient = await NcConnectionMgrv2.getSqlClient(base)
+      const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id })
+      await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
 
-        const columns: Array<
-          Omit<Column, 'column_name' | 'title'> & {
-            cn: string;
-            system?: boolean;
-          }
-        > = (await sqlClient.columnList({ tn: table.table_name }))?.data?.list;
+      const columns: Array<Omit<Column, 'column_name' | 'title'> & {
+        cn: string;
+        system?: boolean;
+      }> = (await sqlClient.columnList({ tn: table.table_name }))?.data?.list
 
-        const insertedColumnMeta =
-          columns.find((c) => c.cn === colBody.column_name) || ({} as any);
+      const insertedColumnMeta =
+        columns.find((c) => c.cn === colBody.column_name) || ({} as any)
 
-        await Column.insert({
-          ...colBody,
-          ...insertedColumnMeta,
-          dtxp: [UITypes.MultiSelect, UITypes.SingleSelect].includes(
-            colBody.uidt as any
-          )
-            ? colBody.dtxp
-            : insertedColumnMeta.dtxp,
-          fk_model_id: table.id,
-        });
-      }
-      break;
+      await Column.insert({
+        ...colBody,
+        ...insertedColumnMeta,
+        dtxp: [UITypes.MultiSelect, UITypes.SingleSelect].includes(
+          colBody.uidt as any,
+        )
+          ? colBody.dtxp
+          : insertedColumnMeta.dtxp,
+        fk_model_id: table.id,
+      })
+    }
+      break
   }
 
-  await table.getColumns();
+  await table.getColumns()
 
   await Audit.insert({
     project_id: base.project_id,
@@ -1114,19 +1110,20 @@ export async function columnAdd(param: {
     user: param?.req?.user?.email,
     description: `created column ${colBody.column_name} with alias ${colBody.title} from table ${table.table_name}`,
     ip: param?.req.clientIp,
-  }).then(() => {});
+  }).then(() => {
+  })
 
-  T.emit('evt', { evt_type: 'column:created' });
+  T.emit('evt', { evt_type: 'column:created' })
 
-  return table;
+  return table
 }
 
 export async function columnDelete(param: { req?: any; columnId: string }) {
-  const column = await Column.get({ colId: param.columnId });
+  const column = await Column.get({ colId: param.columnId })
   const table = await Model.getWithInfo({
     id: column.fk_model_id,
-  });
-  const base = await Base.get(table.base_id);
+  })
+  const base = await Base.get(table.base_id)
 
   // const ncMeta = await Noco.ncMeta.startTransaction();
   // const sql-mgr = await ProjectMgrv2.getSqlMgrTrans(
@@ -1135,7 +1132,7 @@ export async function columnDelete(param: { req?: any; columnId: string }) {
   //   base
   // );
 
-  const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id });
+  const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id })
 
   switch (column.uidt) {
     case UITypes.Lookup:
@@ -1143,148 +1140,145 @@ export async function columnDelete(param: { req?: any; columnId: string }) {
     case UITypes.QrCode:
     case UITypes.Barcode:
     case UITypes.Formula:
-      await Column.delete(param.columnId);
-      break;
-    case UITypes.LinkToAnotherRecord:
-      {
-        const relationColOpt =
-          await column.getColOptions<LinkToAnotherRecordColumn>();
-        const childColumn = await relationColOpt.getChildColumn();
-        const childTable = await childColumn.getModel();
+      await Column.delete(param.columnId)
+      break
+    case UITypes.LinkToAnotherRecord: {
+      const relationColOpt =
+        await column.getColOptions<LinkToAnotherRecordColumn>()
+      const childColumn = await relationColOpt.getChildColumn()
+      const childTable = await childColumn.getModel()
+
+      const parentColumn = await relationColOpt.getParentColumn()
+      const parentTable = await parentColumn.getModel()
+
+      switch (relationColOpt.type) {
+        case 'bt':
+        case 'hm': {
+          await deleteHmOrBtRelation({
+            relationColOpt,
+            base,
+            childColumn,
+            childTable,
+            parentColumn,
+            parentTable,
+            sqlMgr,
+            // ncMeta
+          })
+        }
+          break
+        case 'mm': {
+          const mmTable = await relationColOpt.getMMModel()
+          const mmParentCol = await relationColOpt.getMMParentColumn()
+          const mmChildCol = await relationColOpt.getMMChildColumn()
 
-        const parentColumn = await relationColOpt.getParentColumn();
-        const parentTable = await parentColumn.getModel();
+          await deleteHmOrBtRelation(
+            {
+              relationColOpt: null,
+              parentColumn: parentColumn,
+              childTable: mmTable,
+              sqlMgr,
+              parentTable: parentTable,
+              childColumn: mmParentCol,
+              base,
+              // ncMeta
+            },
+            true,
+          )
 
-        switch (relationColOpt.type) {
-          case 'bt':
-          case 'hm':
+          await deleteHmOrBtRelation(
             {
-              await deleteHmOrBtRelation({
-                relationColOpt,
-                base,
-                childColumn,
-                childTable,
-                parentColumn,
-                parentTable,
-                sqlMgr,
-                // ncMeta
-              });
+              relationColOpt: null,
+              parentColumn: childColumn,
+              childTable: mmTable,
+              sqlMgr,
+              parentTable: childTable,
+              childColumn: mmChildCol,
+              base,
+              // ncMeta
+            },
+            true,
+          )
+          const columnsInRelatedTable: Column[] = await relationColOpt
+            .getRelatedTable()
+            .then((m) => m.getColumns())
+
+          for (const c of columnsInRelatedTable) {
+            if (c.uidt !== UITypes.LinkToAnotherRecord) continue
+            const colOpt =
+              await c.getColOptions<LinkToAnotherRecordColumn>()
+            if (
+              colOpt.type === 'mm' &&
+              colOpt.fk_parent_column_id === childColumn.id &&
+              colOpt.fk_child_column_id === parentColumn.id &&
+              colOpt.fk_mm_model_id === mmTable.id &&
+              colOpt.fk_mm_parent_column_id === mmChildCol.id &&
+              colOpt.fk_mm_child_column_id === mmParentCol.id
+            ) {
+              await Column.delete(c.id)
+              break
             }
-            break;
-          case 'mm':
-            {
-              const mmTable = await relationColOpt.getMMModel();
-              const mmParentCol = await relationColOpt.getMMParentColumn();
-              const mmChildCol = await relationColOpt.getMMChildColumn();
-
-              await deleteHmOrBtRelation(
-                {
-                  relationColOpt: null,
-                  parentColumn: parentColumn,
-                  childTable: mmTable,
-                  sqlMgr,
-                  parentTable: parentTable,
-                  childColumn: mmParentCol,
-                  base,
-                  // ncMeta
-                },
-                true
-              );
-
-              await deleteHmOrBtRelation(
-                {
-                  relationColOpt: null,
-                  parentColumn: childColumn,
-                  childTable: mmTable,
-                  sqlMgr,
-                  parentTable: childTable,
-                  childColumn: mmChildCol,
-                  base,
-                  // ncMeta
-                },
-                true
-              );
-              const columnsInRelatedTable: Column[] = await relationColOpt
-                .getRelatedTable()
-                .then((m) => m.getColumns());
-
-              for (const c of columnsInRelatedTable) {
-                if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
-                const colOpt =
-                  await c.getColOptions<LinkToAnotherRecordColumn>();
-                if (
-                  colOpt.type === 'mm' &&
-                  colOpt.fk_parent_column_id === childColumn.id &&
-                  colOpt.fk_child_column_id === parentColumn.id &&
-                  colOpt.fk_mm_model_id === mmTable.id &&
-                  colOpt.fk_mm_parent_column_id === mmChildCol.id &&
-                  colOpt.fk_mm_child_column_id === mmParentCol.id
-                ) {
-                  await Column.delete(c.id);
-                  break;
-                }
-              }
+          }
 
-              await Column.delete(relationColOpt.fk_column_id);
+          await Column.delete(relationColOpt.fk_column_id)
 
-              // delete bt columns in m2m table
-              await mmTable.getColumns();
-              for (const c of mmTable.columns) {
-                if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
-                const colOpt =
-                  await c.getColOptions<LinkToAnotherRecordColumn>();
-                if (colOpt.type === 'bt') {
-                  await Column.delete(c.id);
-                }
-              }
+          // delete bt columns in m2m table
+          await mmTable.getColumns()
+          for (const c of mmTable.columns) {
+            if (c.uidt !== UITypes.LinkToAnotherRecord) continue
+            const colOpt =
+              await c.getColOptions<LinkToAnotherRecordColumn>()
+            if (colOpt.type === 'bt') {
+              await Column.delete(c.id)
+            }
+          }
 
-              // delete hm columns in parent table
-              await parentTable.getColumns();
-              for (const c of parentTable.columns) {
-                if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
-                const colOpt =
-                  await c.getColOptions<LinkToAnotherRecordColumn>();
-                if (colOpt.fk_related_model_id === mmTable.id) {
-                  await Column.delete(c.id);
-                }
-              }
+          // delete hm columns in parent table
+          await parentTable.getColumns()
+          for (const c of parentTable.columns) {
+            if (c.uidt !== UITypes.LinkToAnotherRecord) continue
+            const colOpt =
+              await c.getColOptions<LinkToAnotherRecordColumn>()
+            if (colOpt.fk_related_model_id === mmTable.id) {
+              await Column.delete(c.id)
+            }
+          }
 
-              // delete hm columns in child table
-              await childTable.getColumns();
-              for (const c of childTable.columns) {
-                if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
-                const colOpt =
-                  await c.getColOptions<LinkToAnotherRecordColumn>();
-                if (colOpt.fk_related_model_id === mmTable.id) {
-                  await Column.delete(c.id);
-                }
-              }
+          // delete hm columns in child table
+          await childTable.getColumns()
+          for (const c of childTable.columns) {
+            if (c.uidt !== UITypes.LinkToAnotherRecord) continue
+            const colOpt =
+              await c.getColOptions<LinkToAnotherRecordColumn>()
+            if (colOpt.fk_related_model_id === mmTable.id) {
+              await Column.delete(c.id)
+            }
+          }
 
-              // retrieve columns in m2m table again
-              await mmTable.getColumns();
+          // retrieve columns in m2m table again
+          await mmTable.getColumns()
 
-              // ignore deleting table if it has more than 2 columns
-              // the expected 2 columns would be table1_id & table2_id
-              if (mmTable.columns.length === 2) {
-                await mmTable.delete();
-              }
-            }
-            break;
+          // ignore deleting table if it has more than 2 columns
+          // the expected 2 columns would be table1_id & table2_id
+          if (mmTable.columns.length === 2) {
+            await mmTable.delete()
+          }
         }
+          break
       }
-      T.emit('evt', { evt_type: 'raltion:deleted' });
-      break;
+    }
+      T.emit('evt', { evt_type: 'raltion:deleted' })
+      break
     case UITypes.ForeignKey: {
-      NcError.notImplemented();
-      break;
+      NcError.notImplemented()
+      break
     }
     // @ts-ignore
     case UITypes.SingleSelect: {
       if (column.uidt === UITypes.SingleSelect) {
         if (await KanbanView.IsColumnBeingUsedAsGroupingField(column.id)) {
           NcError.badRequest(
-            `The column '${column.column_name}' is being used in Kanban View. Please delete Kanban View first.`
-          );
+            `The column '${column.column_name}' is being used in Kanban View. Please delete Kanban View first.`,
+          )
         }
       }
       /* falls through to default */
@@ -1305,17 +1299,17 @@ export async function columnDelete(param: { req?: any; columnId: string }) {
               cn: c.column_name,
               cno: c.column_name,
               altered: Altered.DELETE_COLUMN,
-            };
+            }
           } else {
-            (c as any).cn = c.column_name;
+            (c as any).cn = c.column_name
           }
-          return c;
+          return c
         }),
-      };
+      }
 
-      await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
+      await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
 
-      await Column.delete(param.columnId);
+      await Column.delete(param.columnId)
     }
   }
 
@@ -1326,21 +1320,22 @@ export async function columnDelete(param: { req?: any; columnId: string }) {
     user: param?.req?.user?.email,
     description: `deleted column ${column.column_name} with alias ${column.title} from table ${table.table_name}`,
     ip: param?.req.clientIp,
-  }).then(() => {});
+  }).then(() => {
+  })
 
-  await table.getColumns();
+  await table.getColumns()
 
-  const displayValueColumn = mapDefaultDisplayValue(table.columns);
+  const displayValueColumn = mapDefaultDisplayValue(table.columns)
   if (displayValueColumn) {
     await Model.updatePrimaryColumn(
       displayValueColumn.fk_model_id,
-      displayValueColumn.id
-    );
+      displayValueColumn.id,
+    )
   }
 
-  T.emit('evt', { evt_type: 'column:deleted' });
+  T.emit('evt', { evt_type: 'column:deleted' })
 
-  return table;
+  return table
 }
 
 const deleteHmOrBtRelation = async (
@@ -1363,9 +1358,9 @@ const deleteHmOrBtRelation = async (
     sqlMgr: SqlMgrv2;
     ncMeta?: NcMetaIO;
   },
-  ignoreFkDelete = false
+  ignoreFkDelete = false,
 ) => {
-  let foreignKeyName;
+  let foreignKeyName
 
   // if relationColOpt is not provided, extract it from child table
   // and get the foreign key name for dropping the foreign key
@@ -1378,16 +1373,16 @@ const deleteHmOrBtRelation = async (
               c.uidt === UITypes.LinkToAnotherRecord &&
               c.colOptions.fk_related_model_id === parentTable.id &&
               (c.colOptions as LinkToAnotherRecordType).fk_child_column_id ===
-                childColumn.id &&
+              childColumn.id &&
               (c.colOptions as LinkToAnotherRecordType).fk_parent_column_id ===
-                parentColumn.id
-            );
-          });
+              parentColumn.id
+            )
+          })
         })
       ).colOptions as LinkToAnotherRecordType
-    ).fk_index_name;
+    ).fk_index_name
   } else {
-    foreignKeyName = relationColOpt.fk_index_name;
+    foreignKeyName = relationColOpt.fk_index_name
   }
 
   // todo: handle relation delete exception
@@ -1398,36 +1393,36 @@ const deleteHmOrBtRelation = async (
       parentTable: parentTable.table_name,
       parentColumn: parentColumn.column_name,
       foreignKeyName,
-    });
+    })
   } catch (e) {
-    console.log(e);
+    console.log(e)
   }
 
-  if (!relationColOpt) return;
+  if (!relationColOpt) return
   const columnsInRelatedTable: Column[] = await relationColOpt
     .getRelatedTable()
-    .then((m) => m.getColumns());
-  const relType = relationColOpt.type === 'bt' ? 'hm' : 'bt';
+    .then((m) => m.getColumns())
+  const relType = relationColOpt.type === 'bt' ? 'hm' : 'bt'
   for (const c of columnsInRelatedTable) {
-    if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
-    const colOpt = await c.getColOptions<LinkToAnotherRecordColumn>();
+    if (c.uidt !== UITypes.LinkToAnotherRecord) continue
+    const colOpt = await c.getColOptions<LinkToAnotherRecordColumn>()
     if (
       colOpt.fk_parent_column_id === parentColumn.id &&
       colOpt.fk_child_column_id === childColumn.id &&
       colOpt.type === relType
     ) {
-      await Column.delete(c.id, ncMeta);
-      break;
+      await Column.delete(c.id, ncMeta)
+      break
     }
   }
 
   // delete virtual columns
-  await Column.delete(relationColOpt.fk_column_id, ncMeta);
+  await Column.delete(relationColOpt.fk_column_id, ncMeta)
 
   if (!ignoreFkDelete) {
     const cTable = await Model.getWithInfo({
       id: childTable.id,
-    });
+    })
     const tableUpdateBody = {
       ...cTable,
       tn: cTable.table_name,
@@ -1443,19 +1438,19 @@ const deleteHmOrBtRelation = async (
             cn: c.column_name,
             cno: c.column_name,
             altered: Altered.DELETE_COLUMN,
-          };
+          }
         } else {
-          (c as any).cn = c.column_name;
+          (c as any).cn = c.column_name
         }
-        return c;
+        return c
       }),
-    };
+    }
 
-    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
+    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
   }
   // delete foreign key column
-  await Column.delete(childColumn.id, ncMeta);
-};
+  await Column.delete(childColumn.id, ncMeta)
+}
 
 async function createLTARColumn(param: {
   tableId: string;
@@ -1463,20 +1458,20 @@ async function createLTARColumn(param: {
   base: Base;
   project: Project;
 }) {
-  validateParams(['parentId', 'childId', 'type'], param.column);
+  validateParams(['parentId', 'childId', 'type'], param.column)
 
   // get parent and child models
   const parent = await Model.getWithInfo({
     id: (param.column as LinkToAnotherColumnReqType).parentId,
-  });
+  })
   const child = await Model.getWithInfo({
     id: (param.column as LinkToAnotherColumnReqType).childId,
-  });
-  let childColumn: Column;
+  })
+  let childColumn: Column
 
   const sqlMgr = await ProjectMgrv2.getSqlMgr({
     id: param.base.project_id,
-  });
+  })
   if (
     (param.column as LinkToAnotherColumnReqType).type === 'hm' ||
     (param.column as LinkToAnotherColumnReqType).type === 'bt'
@@ -1484,10 +1479,10 @@ async function createLTARColumn(param: {
     // populate fk column name
     const fkColName = getUniqueColumnName(
       await child.getColumns(),
-      `${parent.table_name}_id`
-    );
+      `${parent.table_name}_id`,
+    )
 
-    let foreignKeyName;
+    let foreignKeyName
     {
       // create foreign key
       const newColumn = {
@@ -1504,7 +1499,7 @@ async function createLTARColumn(param: {
         dtxs: parent.primaryKey.dtxs,
         un: parent.primaryKey.un,
         altered: Altered.NEW_COLUMN,
-      };
+      }
       const tableUpdateBody = {
         ...child,
         tn: child.table_name,
@@ -1519,21 +1514,21 @@ async function createLTARColumn(param: {
           })),
           newColumn,
         ],
-      };
+      }
 
-      await sqlMgr.sqlOpPlus(param.base, 'tableUpdate', tableUpdateBody);
+      await sqlMgr.sqlOpPlus(param.base, 'tableUpdate', tableUpdateBody)
 
       const { id } = await Column.insert({
         ...newColumn,
         uidt: UITypes.ForeignKey,
         fk_model_id: child.id,
-      });
+      })
 
-      childColumn = await Column.get({ colId: id });
+      childColumn = await Column.get({ colId: id })
 
       // ignore relation creation if virtual
       if (!(param.column as LinkToAnotherColumnReqType).virtual) {
-        foreignKeyName = generateFkName(parent, child);
+        foreignKeyName = generateFkName(parent, child)
         // create relation
         await sqlMgr.sqlOpPlus(param.base, 'relationCreate', {
           childColumn: fkColName,
@@ -1544,12 +1539,12 @@ async function createLTARColumn(param: {
           type: 'real',
           parentColumn: parent.primaryKey.column_name,
           foreignKeyName,
-        });
+        })
       }
 
       // todo: create index for virtual relations as well
       // create index for foreign key in pg
-      if (param.base.type === 'pg') {
+      if (param.base.type === 'pg' || (param.column as LinkToAnotherColumnReqType).virtual) {
         await createColumnIndex({
           column: new Column({
             ...newColumn,
@@ -1557,7 +1552,7 @@ async function createLTARColumn(param: {
           }),
           base: param.base,
           sqlMgr,
-        });
+        })
       }
     }
     await createHmAndBtColumn(
@@ -1567,19 +1562,19 @@ async function createLTARColumn(param: {
       (param.column as LinkToAnotherColumnReqType).type as RelationTypes,
       (param.column as LinkToAnotherColumnReqType).title,
       foreignKeyName,
-      (param.column as LinkToAnotherColumnReqType).virtual
-    );
+      (param.column as LinkToAnotherColumnReqType).virtual,
+    )
   } else if ((param.column as LinkToAnotherColumnReqType).type === 'mm') {
-    const aTn = `${param.project?.prefix ?? ''}_nc_m2m_${randomID()}`;
-    const aTnAlias = aTn;
+    const aTn = `${param.project?.prefix ?? ''}_nc_m2m_${randomID()}`
+    const aTnAlias = aTn
 
-    const parentPK = parent.primaryKey;
-    const childPK = child.primaryKey;
+    const parentPK = parent.primaryKey
+    const childPK = child.primaryKey
 
-    const associateTableCols = [];
+    const associateTableCols = []
 
-    const parentCn = 'table1_id';
-    const childCn = 'table2_id';
+    const parentCn = 'table1_id'
+    const childCn = 'table2_id'
 
     associateTableCols.push(
       {
@@ -1611,14 +1606,14 @@ async function createLTARColumn(param: {
         un: parentPK.un,
         altered: 1,
         uidt: UITypes.ForeignKey,
-      }
-    );
+      },
+    )
 
     await sqlMgr.sqlOpPlus(param.base, 'tableCreate', {
       tn: aTn,
       _tn: aTnAlias,
       columns: associateTableCols,
-    });
+    })
 
     const assocModel = await Model.insert(param.project.id, param.base.id, {
       table_name: aTn,
@@ -1626,14 +1621,14 @@ async function createLTARColumn(param: {
       // todo: sanitize
       mm: true,
       columns: associateTableCols,
-    });
+    })
 
-    let foreignKeyName1;
-    let foreignKeyName2;
+    let foreignKeyName1
+    let foreignKeyName2
 
     if (!(param.column as LinkToAnotherColumnReqType).virtual) {
-      foreignKeyName1 = generateFkName(parent, child);
-      foreignKeyName2 = generateFkName(parent, child);
+      foreignKeyName1 = generateFkName(parent, child)
+      foreignKeyName2 = generateFkName(parent, child)
 
       const rel1Args = {
         ...param.column,
@@ -1643,7 +1638,7 @@ async function createLTARColumn(param: {
         parentColumn: parentPK.column_name,
         type: 'real',
         foreignKeyName: foreignKeyName1,
-      };
+      }
       const rel2Args = {
         ...param.column,
         childTable: aTn,
@@ -1652,17 +1647,17 @@ async function createLTARColumn(param: {
         parentColumn: childPK.column_name,
         type: 'real',
         foreignKeyName: foreignKeyName2,
-      };
+      }
 
-      await sqlMgr.sqlOpPlus(param.base, 'relationCreate', rel1Args);
-      await sqlMgr.sqlOpPlus(param.base, 'relationCreate', rel2Args);
+      await sqlMgr.sqlOpPlus(param.base, 'relationCreate', rel1Args)
+      await sqlMgr.sqlOpPlus(param.base, 'relationCreate', rel2Args)
     }
     const parentCol = (await assocModel.getColumns())?.find(
-      (c) => c.column_name === parentCn
-    );
+      (c) => c.column_name === parentCn,
+    )
     const childCol = (await assocModel.getColumns())?.find(
-      (c) => c.column_name === childCn
-    );
+      (c) => c.column_name === childCn,
+    )
 
     await createHmAndBtColumn(
       assocModel,
@@ -1672,8 +1667,8 @@ async function createLTARColumn(param: {
       null,
       foreignKeyName1,
       (param.column as LinkToAnotherColumnReqType).virtual,
-      true
-    );
+      true,
+    )
     await createHmAndBtColumn(
       assocModel,
       parent,
@@ -1682,13 +1677,13 @@ async function createLTARColumn(param: {
       null,
       foreignKeyName2,
       (param.column as LinkToAnotherColumnReqType).virtual,
-      true
-    );
+      true,
+    )
 
     await Column.insert({
       title: getUniqueColumnAliasName(
         await child.getColumns(),
-        `${parent.title} List`
+        `${parent.title} List`,
       ),
       uidt: UITypes.LinkToAnotherRecord,
       type: 'mm',
@@ -1704,11 +1699,11 @@ async function createLTARColumn(param: {
       fk_mm_child_column_id: childCol.id,
       fk_mm_parent_column_id: parentCol.id,
       fk_related_model_id: parent.id,
-    });
+    })
     await Column.insert({
       title: getUniqueColumnAliasName(
         await parent.getColumns(),
-        param.column.title ?? `${child.title} List`
+        param.column.title ?? `${child.title} List`,
       ),
 
       uidt: UITypes.LinkToAnotherRecord,
@@ -1723,7 +1718,7 @@ async function createLTARColumn(param: {
       fk_mm_child_column_id: parentCol.id,
       fk_mm_parent_column_id: childCol.id,
       fk_related_model_id: child.id,
-    });
+    })
 
     // todo: create index for virtual relations as well
     // create index for foreign key in pg
@@ -1735,7 +1730,7 @@ async function createLTARColumn(param: {
         }),
         base: param.base,
         sqlMgr,
-      });
+      })
       await createColumnIndex({
         column: new Column({
           ...associateTableCols[1],
@@ -1743,32 +1738,32 @@ async function createLTARColumn(param: {
         }),
         base: param.base,
         sqlMgr,
-      });
+      })
     }
   }
 }
 
 export async function createColumnIndex({
-  column,
-  sqlMgr,
-  base,
-  indexName = null,
-  nonUnique = true,
-}: {
+                                          column,
+                                          sqlMgr,
+                                          base,
+                                          indexName = null,
+                                          nonUnique = true,
+                                        }: {
   column: Column;
   sqlMgr: SqlMgrv2;
   base: Base;
   indexName?: string;
   nonUnique?: boolean;
 }) {
-  const model = await column.getModel();
+  const model = await column.getModel()
   const indexArgs = {
     columns: [column.column_name],
     tn: model.table_name,
     non_unique: nonUnique,
     indexName,
-  };
-  sqlMgr.sqlOpPlus(base, 'indexCreate', indexArgs);
+  }
+  sqlMgr.sqlOpPlus(base, 'indexCreate', indexArgs)
 }
 
 async function updateRollupOrLookup(colBody: any, column: Column<any>) {
@@ -1779,8 +1774,8 @@ async function updateRollupOrLookup(colBody: any, column: Column<any>) {
       'fk_relation_column_id',
     ])
   ) {
-    await validateLookupPayload(colBody, column.id);
-    await Column.update(column.id, colBody);
+    await validateLookupPayload(colBody, column.id)
+    await Column.update(column.id, colBody)
   } else if (
     UITypes.Rollup === column.uidt &&
     validateRequiredField(colBody, [
@@ -1789,7 +1784,7 @@ async function updateRollupOrLookup(colBody: any, column: Column<any>) {
       'rollup_function',
     ])
   ) {
-    await validateRollupPayload(colBody);
-    await Column.update(column.id, colBody);
+    await validateRollupPayload(colBody)
+    await Column.update(column.id, colBody)
   }
 }

From 8ed0de4b72b407048b1c0d787a9b9334fa7df53d Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 9 Mar 2023 16:44:03 +0530
Subject: [PATCH 10/24] chore: lint

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nocodb/src/lib/controllers/plugin.ctl.ts  |    2 +-
 .../nocodb/src/lib/services/column.svc.ts     | 1258 +++++++++--------
 2 files changed, 634 insertions(+), 626 deletions(-)

diff --git a/packages/nocodb/src/lib/controllers/plugin.ctl.ts b/packages/nocodb/src/lib/controllers/plugin.ctl.ts
index 51ab3bd2a7..084c0565c0 100644
--- a/packages/nocodb/src/lib/controllers/plugin.ctl.ts
+++ b/packages/nocodb/src/lib/controllers/plugin.ctl.ts
@@ -39,7 +39,7 @@ const blockInCloudMw = (_req, res, next) => {
   if (process.env.NC_CLOUD === 'true') {
     res.status(403).send('Not allowed');
   } else next();
-}
+};
 
 const router = Router({ mergeParams: true });
 router.get(
diff --git a/packages/nocodb/src/lib/services/column.svc.ts b/packages/nocodb/src/lib/services/column.svc.ts
index 8b31471938..397ca76dd3 100644
--- a/packages/nocodb/src/lib/services/column.svc.ts
+++ b/packages/nocodb/src/lib/services/column.svc.ts
@@ -5,10 +5,10 @@ import {
   substituteColumnAliasWithIdInFormula,
   substituteColumnIdWithAliasInFormula,
   UITypes,
-} from 'nocodb-sdk'
-import { T } from 'nc-help'
-import formulaQueryBuilderv2 from '../db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2'
-import ProjectMgrv2 from '../db/sql-mgr/v2/ProjectMgrv2'
+} from 'nocodb-sdk';
+import { T } from 'nc-help';
+import formulaQueryBuilderv2 from '../db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2';
+import ProjectMgrv2 from '../db/sql-mgr/v2/ProjectMgrv2';
 import {
   createHmAndBtColumn,
   generateFkName,
@@ -17,35 +17,35 @@ import {
   validatePayload,
   validateRequiredField,
   validateRollupPayload,
-} from '../meta/api/helpers'
-import { NcError } from '../meta/helpers/catchError'
-import getColumnPropsFromUIDT from '../meta/helpers/getColumnPropsFromUIDT'
+} from '../meta/api/helpers';
+import { NcError } from '../meta/helpers/catchError';
+import getColumnPropsFromUIDT from '../meta/helpers/getColumnPropsFromUIDT';
 import {
   getUniqueColumnAliasName,
   getUniqueColumnName,
-} from '../meta/helpers/getUniqueName'
-import mapDefaultDisplayValue from '../meta/helpers/mapDefaultDisplayValue'
-import validateParams from '../meta/helpers/validateParams'
-import Audit from '../models/Audit'
-import Base from '../models/Base'
-import Column from '../models/Column'
-import FormulaColumn from '../models/FormulaColumn'
-import KanbanView from '../models/KanbanView'
-import Model from '../models/Model'
-import Noco from '../Noco'
-import NcConnectionMgrv2 from '../utils/common/NcConnectionMgrv2'
-
-import { MetaTable } from '../utils/globals'
-import type Project from '../models/Project'
-import type LinkToAnotherRecordColumn from '../models/LinkToAnotherRecordColumn'
-import type NcMetaIO from '../meta/NcMetaIO'
-import type SqlMgrv2 from '../db/sql-mgr/v2/SqlMgrv2'
+} from '../meta/helpers/getUniqueName';
+import mapDefaultDisplayValue from '../meta/helpers/mapDefaultDisplayValue';
+import validateParams from '../meta/helpers/validateParams';
+import Audit from '../models/Audit';
+import Base from '../models/Base';
+import Column from '../models/Column';
+import FormulaColumn from '../models/FormulaColumn';
+import KanbanView from '../models/KanbanView';
+import Model from '../models/Model';
+import Noco from '../Noco';
+import NcConnectionMgrv2 from '../utils/common/NcConnectionMgrv2';
+
+import { MetaTable } from '../utils/globals';
+import type Project from '../models/Project';
+import type LinkToAnotherRecordColumn from '../models/LinkToAnotherRecordColumn';
+import type NcMetaIO from '../meta/NcMetaIO';
+import type SqlMgrv2 from '../db/sql-mgr/v2/SqlMgrv2';
 import type {
   ColumnReqType,
   LinkToAnotherColumnReqType,
   LinkToAnotherRecordType,
   RelationTypes,
-} from 'nocodb-sdk'
+} from 'nocodb-sdk';
 
 export enum Altered {
   NEW_COLUMN = 1,
@@ -59,25 +59,25 @@ export async function columnUpdate(param: {
   column: ColumnReqType & { colOptions?: any };
   cookie?: any;
 }) {
-  const { cookie } = param
-  const column = await Column.get({ colId: param.columnId })
+  const { cookie } = param;
+  const column = await Column.get({ colId: param.columnId });
 
   const table = await Model.getWithInfo({
     id: column.fk_model_id,
-  })
+  });
 
-  const base = await Base.get(table.base_id)
+  const base = await Base.get(table.base_id);
 
-  const sqlClient = await NcConnectionMgrv2.getSqlClient(base)
+  const sqlClient = await NcConnectionMgrv2.getSqlClient(base);
 
-  const sqlClientType = sqlClient.knex.clientType()
+  const sqlClientType = sqlClient.knex.clientType();
 
-  const mxColumnLength = Column.getMaxColumnNameLength(sqlClientType)
+  const mxColumnLength = Column.getMaxColumnNameLength(sqlClientType);
 
   if (param.column.column_name.length > mxColumnLength) {
     NcError.badRequest(
-      `Column name ${param.column.column_name} exceeds ${mxColumnLength} characters`,
-    )
+      `Column name ${param.column.column_name} exceeds ${mxColumnLength} characters`
+    );
   }
 
   if (
@@ -88,7 +88,7 @@ export async function columnUpdate(param: {
       exclude_id: param.columnId,
     }))
   ) {
-    NcError.badRequest('Duplicate column name')
+    NcError.badRequest('Duplicate column name');
   }
   if (
     !(await Column.checkAliasAvailable({
@@ -97,13 +97,13 @@ export async function columnUpdate(param: {
       exclude_id: param.columnId,
     }))
   ) {
-    NcError.badRequest('Duplicate column alias')
+    NcError.badRequest('Duplicate column alias');
   }
 
   let colBody = { ...param.column } as Column & {
     formula?: string;
     formula_raw?: string;
-  }
+  };
   if (
     [
       UITypes.Lookup,
@@ -120,37 +120,37 @@ export async function columnUpdate(param: {
         await Column.update(column.id, {
           ...column,
           ...colBody,
-        } as Column)
+        } as Column);
       } else if (column.uidt === UITypes.Formula) {
         colBody.formula = await substituteColumnAliasWithIdInFormula(
           colBody.formula_raw || colBody.formula,
-          table.columns,
-        )
+          table.columns
+        );
 
         try {
           // test the query to see if it is valid in db level
-          const dbDriver = await NcConnectionMgrv2.get(base)
-          await formulaQueryBuilderv2(colBody.formula, null, dbDriver, table)
+          const dbDriver = await NcConnectionMgrv2.get(base);
+          await formulaQueryBuilderv2(colBody.formula, null, dbDriver, table);
         } catch (e) {
-          console.error(e)
-          NcError.badRequest('Invalid Formula')
+          console.error(e);
+          NcError.badRequest('Invalid Formula');
         }
 
         await Column.update(column.id, {
           // title: colBody.title,
           ...column,
           ...colBody,
-        })
+        });
       } else if (colBody.title !== column.title) {
         await Column.updateAlias(param.columnId, {
           title: colBody.title,
-        })
+        });
       }
-      await updateRollupOrLookup(colBody, column)
+      await updateRollupOrLookup(colBody, column);
     } else {
       NcError.notImplemented(
-        `Updating ${colBody.uidt} => ${colBody.uidt} is not implemented`,
-      )
+        `Updating ${colBody.uidt} => ${colBody.uidt} is not implemented`
+      );
     }
   } else if (
     [
@@ -164,22 +164,22 @@ export async function columnUpdate(param: {
     ].includes(colBody.uidt)
   ) {
     NcError.notImplemented(
-      `Updating ${colBody.uidt} => ${colBody.uidt} is not implemented`,
-    )
+      `Updating ${colBody.uidt} => ${colBody.uidt} is not implemented`
+    );
   } else if (
     [UITypes.SingleSelect, UITypes.MultiSelect].includes(colBody.uidt)
   ) {
-    colBody = await getColumnPropsFromUIDT(colBody, base)
+    colBody = await getColumnPropsFromUIDT(colBody, base);
 
     const baseModel = await Model.getBaseModelSQL({
       id: table.id,
       dbDriver: await NcConnectionMgrv2.get(base),
-    })
+    });
 
     if (colBody.colOptions?.options) {
-      const supportedDrivers = ['mysql', 'mysql2', 'pg', 'mssql', 'sqlite3']
-      const dbDriver = await NcConnectionMgrv2.get(base)
-      const driverType = dbDriver.clientType()
+      const supportedDrivers = ['mysql', 'mysql2', 'pg', 'mssql', 'sqlite3'];
+      const dbDriver = await NcConnectionMgrv2.get(base);
+      const driverType = dbDriver.clientType();
 
       // MultiSelect to SingleSelect
       if (
@@ -194,14 +194,14 @@ export async function columnUpdate(param: {
               column.column_name,
               column.column_name,
               column.column_name,
-            ],
-          )
+            ]
+          );
         } else if (driverType === 'pg') {
           await dbDriver.raw(`UPDATE ?? SET ?? = split_part(??, ',', 1);`, [
             table.table_name,
             column.column_name,
             column.column_name,
-          ])
+          ]);
         } else if (driverType === 'mssql') {
           await dbDriver.raw(
             `UPDATE ?? SET ?? = LEFT(cast(?? as varchar(max)), CHARINDEX(',', ??) - 1) WHERE CHARINDEX(',', ??) > 0;`,
@@ -211,8 +211,8 @@ export async function columnUpdate(param: {
               column.column_name,
               column.column_name,
               column.column_name,
-            ],
-          )
+            ]
+          );
         } else if (driverType === 'sqlite3') {
           await dbDriver.raw(
             `UPDATE ?? SET ?? = substr(??, 1, instr(??, ',') - 1) WHERE ?? LIKE '%,%';`,
@@ -222,96 +222,96 @@ export async function columnUpdate(param: {
               column.column_name,
               column.column_name,
               column.column_name,
-            ],
-          )
+            ]
+          );
         }
       }
 
       // Handle migrations
       if (column.colOptions?.options) {
         for (const op of column.colOptions.options.filter(
-          (el) => el.order === null,
+          (el) => el.order === null
         )) {
-          op.title = op.title.replace(/^'/, '').replace(/'$/, '')
+          op.title = op.title.replace(/^'/, '').replace(/'$/, '');
         }
       }
 
       // Handle default values
       const optionTitles = colBody.colOptions.options.map((el) =>
-        el.title.replace(/'/g, '\'\''),
-      )
+        el.title.replace(/'/g, "''")
+      );
       if (colBody.cdf) {
         if (colBody.uidt === UITypes.SingleSelect) {
-          if (!optionTitles.includes(colBody.cdf.replace(/'/g, '\'\''))) {
+          if (!optionTitles.includes(colBody.cdf.replace(/'/g, "''"))) {
             NcError.badRequest(
-              `Default value '${colBody.cdf}' is not a select option.`,
-            )
+              `Default value '${colBody.cdf}' is not a select option.`
+            );
           }
         } else {
           for (const cdf of colBody.cdf.split(',')) {
-            if (!optionTitles.includes(cdf.replace(/'/g, '\'\''))) {
+            if (!optionTitles.includes(cdf.replace(/'/g, "''"))) {
               NcError.badRequest(
-                `Default value '${cdf}' is not a select option.`,
-              )
+                `Default value '${cdf}' is not a select option.`
+              );
             }
           }
         }
 
         // handle single quote for default value
         if (driverType === 'mysql' || driverType === 'mysql2') {
-          colBody.cdf = colBody.cdf.replace(/'/g, '\'')
+          colBody.cdf = colBody.cdf.replace(/'/g, "'");
         } else {
-          colBody.cdf = colBody.cdf.replace(/'/g, '\'\'')
+          colBody.cdf = colBody.cdf.replace(/'/g, "''");
         }
 
         if (driverType === 'pg') {
-          colBody.cdf = `'${colBody.cdf}'`
+          colBody.cdf = `'${colBody.cdf}'`;
         }
       }
 
       // Restrict duplicates
-      const titles = colBody.colOptions.options.map((el) => el.title)
+      const titles = colBody.colOptions.options.map((el) => el.title);
       if (
-        titles.some(function(item) {
-          return titles.indexOf(item) !== titles.lastIndexOf(item)
+        titles.some(function (item) {
+          return titles.indexOf(item) !== titles.lastIndexOf(item);
         })
       ) {
-        NcError.badRequest('Duplicates are not allowed!')
+        NcError.badRequest('Duplicates are not allowed!');
       }
 
       // Restrict empty options
       if (
-        titles.some(function(item) {
-          return item === ''
+        titles.some(function (item) {
+          return item === '';
         })
       ) {
-        NcError.badRequest('Empty options are not allowed!')
+        NcError.badRequest('Empty options are not allowed!');
       }
 
       // Trim end of enum/set
       if (colBody.dt === 'enum' || colBody.dt === 'set') {
         for (const opt of colBody.colOptions.options) {
-          opt.title = opt.title.trimEnd()
+          opt.title = opt.title.trimEnd();
         }
       }
 
       if (colBody.uidt === UITypes.SingleSelect) {
         colBody.dtxp = colBody.colOptions?.options.length
           ? `${colBody.colOptions.options
-            .map((o) => `'${o.title.replace(/'/gi, '\'\'')}'`)
-            .join(',')}`
-          : ''
+              .map((o) => `'${o.title.replace(/'/gi, "''")}'`)
+              .join(',')}`
+          : '';
       } else if (colBody.uidt === UITypes.MultiSelect) {
         colBody.dtxp = colBody.colOptions?.options.length
           ? `${colBody.colOptions.options
-            .map((o) => {
-              if (o.title.includes(',')) {
-                NcError.badRequest('Illegal char(\',\') for MultiSelect')
-              }
-              return `'${o.title.replace(/'/gi, '\'\'')}'`
-            })
-            .join(',')}`
-          : ''
+              .map((o) => {
+                if (o.title.includes(',')) {
+                  NcError.badRequest("Illegal char(',') for MultiSelect");
+                }
+                return `'${o.title.replace(/'/gi, "''")}'`;
+              })
+              .join(',')}`
+          : '';
       }
 
       // Handle empty enum/set for mysql (we restrict empty user options beforehand)
@@ -320,12 +320,12 @@ export async function columnUpdate(param: {
           !colBody.colOptions.options.length &&
           (!colBody.dtxp || colBody.dtxp === '')
         ) {
-          colBody.dtxp = '\'\''
+          colBody.dtxp = "''";
         }
 
         if (colBody.dt === 'set') {
           if (colBody.colOptions?.options.length > 64) {
-            colBody.dt = 'text'
+            colBody.dt = 'text';
           }
         }
       }
@@ -335,15 +335,15 @@ export async function columnUpdate(param: {
         for (const option of column.colOptions.options.filter((oldOp) =>
           colBody.colOptions.options.find((newOp) => newOp.id === oldOp.id)
             ? false
-            : true,
+            : true
         )) {
           if (
             !supportedDrivers.includes(driverType) &&
             column.uidt === UITypes.MultiSelect
           ) {
             NcError.badRequest(
-              'Your database not yet supported for this operation. Please remove option from records manually before dropping.',
-            )
+              'Your database not yet supported for this operation. Please remove option from records manually before dropping.'
+            );
           }
           if (column.uidt === UITypes.SingleSelect) {
             if (driverType === 'mssql') {
@@ -352,13 +352,13 @@ export async function columnUpdate(param: {
                 column.column_name,
                 column.column_name,
                 option.title,
-              ])
+              ]);
             } else {
               await baseModel.bulkUpdateAll(
                 { where: `(${column.title},eq,${option.title})` },
                 { [column.column_name]: null },
-                { cookie },
-              )
+                { cookie }
+              );
             }
           } else if (column.uidt === UITypes.MultiSelect) {
             if (driverType === 'mysql' || driverType === 'mysql2') {
@@ -372,8 +372,8 @@ export async function columnUpdate(param: {
                     option.title,
                     option.title,
                     column.column_name,
-                  ],
-                )
+                  ]
+                );
               } else {
                 await dbDriver.raw(
                   `UPDATE ?? SET ?? = TRIM(BOTH ',' FROM REPLACE(CONCAT(',', ??, ','), CONCAT(',', ?, ','), ','))`,
@@ -382,8 +382,8 @@ export async function columnUpdate(param: {
                     column.column_name,
                     column.column_name,
                     option.title,
-                  ],
-                )
+                  ]
+                );
               }
             } else if (driverType === 'pg') {
               await dbDriver.raw(
@@ -393,8 +393,8 @@ export async function columnUpdate(param: {
                   column.column_name,
                   column.column_name,
                   option.title,
-                ],
-              )
+                ]
+              );
             } else if (driverType === 'mssql') {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = substring(replace(concat(',', ??, ','), concat(',', ?, ','), ','), 2, len(replace(concat(',', ??, ','), concat(',', ?, ','), ',')) - 2)`,
@@ -405,8 +405,8 @@ export async function columnUpdate(param: {
                   option.title,
                   column.column_name,
                   option.title,
-                ],
-              )
+                ]
+              );
             } else if (driverType === 'sqlite3') {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = TRIM(REPLACE(',' || ?? || ',', ',' || ? || ',', ','), ',')`,
@@ -415,45 +415,45 @@ export async function columnUpdate(param: {
                   column.column_name,
                   column.column_name,
                   option.title,
-                ],
-              )
+                ]
+              );
             }
           }
         }
       }
 
-      const interchange = []
+      const interchange = [];
 
       // Handle option update
       if (column.colOptions?.options) {
-        const old_titles = column.colOptions.options.map((el) => el.title)
+        const old_titles = column.colOptions.options.map((el) => el.title);
         for (const option of column.colOptions.options.filter((oldOp) =>
           colBody.colOptions.options.find(
-            (newOp) => newOp.id === oldOp.id && newOp.title !== oldOp.title,
-          ),
+            (newOp) => newOp.id === oldOp.id && newOp.title !== oldOp.title
+          )
         )) {
           if (
             !supportedDrivers.includes(driverType) &&
             column.uidt === UITypes.MultiSelect
           ) {
             NcError.badRequest(
-              'Your database not yet supported for this operation. Please remove option from records manually before updating.',
-            )
+              'Your database not yet supported for this operation. Please remove option from records manually before updating.'
+            );
           }
 
           const newOp = {
             ...colBody.colOptions.options.find((el) => option.id === el.id),
-          }
+          };
           if (old_titles.includes(newOp.title)) {
-            const def_option = { ...newOp }
-            let title_counter = 1
+            const def_option = { ...newOp };
+            let title_counter = 1;
             while (old_titles.includes(newOp.title)) {
-              newOp.title = `${def_option.title}_${title_counter++}`
+              newOp.title = `${def_option.title}_${title_counter++}`;
             }
             interchange.push({
               def_option,
               temp_title: newOp.title,
-            })
+            });
           }
 
           // Append new option before editing
@@ -461,27 +461,27 @@ export async function columnUpdate(param: {
             (driverType === 'mysql' || driverType === 'mysql2') &&
             (column.dt === 'enum' || column.dt === 'set')
           ) {
-            column.colOptions.options.push({ title: newOp.title })
+            column.colOptions.options.push({ title: newOp.title });
 
-            let temp_dtxp = ''
+            let temp_dtxp = '';
             if (column.uidt === UITypes.SingleSelect) {
               temp_dtxp = column.colOptions.options.length
                 ? `${column.colOptions.options
-                  .map((o) => `'${o.title.replace(/'/gi, '\'\'')}'`)
-                  .join(',')}`
-                : ''
+                    .map((o) => `'${o.title.replace(/'/gi, "''")}'`)
+                    .join(',')}`
+                : '';
             } else if (column.uidt === UITypes.MultiSelect) {
               temp_dtxp = column.colOptions.options.length
                 ? `${column.colOptions.options
-                  .map((o) => {
-                    if (o.title.includes(',')) {
-                      NcError.badRequest('Illegal char(\',\') for MultiSelect')
-                      throw new Error('')
-                    }
-                    return `'${o.title.replace(/'/gi, '\'\'')}'`
-                  })
-                  .join(',')}`
-                : ''
+                    .map((o) => {
+                      if (o.title.includes(',')) {
+                        NcError.badRequest("Illegal char(',') for MultiSelect");
+                        throw new Error('');
+                      }
+                      return `'${o.title.replace(/'/gi, "''")}'`;
+                    })
+                    .join(',')}`
+                : '';
             }
 
             const tableUpdateBody = {
@@ -502,24 +502,24 @@ export async function columnUpdate(param: {
                       cno: c.column_name,
                       dtxp: temp_dtxp,
                       altered: Altered.UPDATE_COLUMN,
-                    }
-                    return Promise.resolve(res)
+                    };
+                    return Promise.resolve(res);
                   } else {
-                    (c as any).cn = c.column_name
+                    (c as any).cn = c.column_name;
                   }
-                  return Promise.resolve(c)
-                }),
+                  return Promise.resolve(c);
+                })
               ),
-            }
+            };
 
             const sqlMgr = await ProjectMgrv2.getSqlMgr({
               id: base.project_id,
-            })
-            await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
+            });
+            await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
 
             await Column.update(param.columnId, {
               ...column,
-            })
+            });
           }
 
           if (column.uidt === UITypes.SingleSelect) {
@@ -530,13 +530,13 @@ export async function columnUpdate(param: {
                 newOp.title,
                 column.column_name,
                 option.title,
-              ])
+              ]);
             } else {
               await baseModel.bulkUpdateAll(
                 { where: `(${column.title},eq,${option.title})` },
                 { [column.column_name]: newOp.title },
-                { cookie },
-              )
+                { cookie }
+              );
             }
           } else if (column.uidt === UITypes.MultiSelect) {
             if (driverType === 'mysql' || driverType === 'mysql2') {
@@ -551,8 +551,8 @@ export async function columnUpdate(param: {
                     newOp.title,
                     option.title,
                     column.column_name,
-                  ],
-                )
+                  ]
+                );
               } else {
                 await dbDriver.raw(
                   `UPDATE ?? SET ?? = TRIM(BOTH ',' FROM REPLACE(CONCAT(',', ??, ','), CONCAT(',', ?, ','), CONCAT(',', ?, ',')))`,
@@ -562,8 +562,8 @@ export async function columnUpdate(param: {
                     column.column_name,
                     option.title,
                     newOp.title,
-                  ],
-                )
+                  ]
+                );
               }
             } else if (driverType === 'pg') {
               await dbDriver.raw(
@@ -574,8 +574,8 @@ export async function columnUpdate(param: {
                   column.column_name,
                   option.title,
                   newOp.title,
-                ],
-              )
+                ]
+              );
             } else if (driverType === 'mssql') {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = substring(replace(concat(',', ??, ','), concat(',', ?, ','), concat(',', ?, ',')), 2, len(replace(concat(',', ??, ','), concat(',', ?, ','), concat(',', ?, ','))) - 2)`,
@@ -588,8 +588,8 @@ export async function columnUpdate(param: {
                   column.column_name,
                   option.title,
                   newOp.title,
-                ],
-              )
+                ]
+              );
             } else if (driverType === 'sqlite3') {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = TRIM(REPLACE(',' || ?? || ',', ',' || ? || ',', ',' || ? || ','), ',')`,
@@ -599,15 +599,15 @@ export async function columnUpdate(param: {
                   column.column_name,
                   option.title,
                   newOp.title,
-                ],
-              )
+                ]
+              );
             }
           }
         }
       }
 
       for (const ch of interchange) {
-        const newOp = ch.def_option
+        const newOp = ch.def_option;
         if (column.uidt === UITypes.SingleSelect) {
           if (driverType === 'mssql') {
             await dbDriver.raw(`UPDATE ?? SET ?? = ? WHERE ?? LIKE ?`, [
@@ -616,13 +616,13 @@ export async function columnUpdate(param: {
               newOp.title,
               column.column_name,
               ch.temp_title,
-            ])
+            ]);
           } else {
             await baseModel.bulkUpdateAll(
               { where: `(${column.title},eq,${ch.temp_title})` },
               { [column.column_name]: newOp.title },
-              { cookie },
-            )
+              { cookie }
+            );
           }
         } else if (column.uidt === UITypes.MultiSelect) {
           if (driverType === 'mysql' || driverType === 'mysql2') {
@@ -637,8 +637,8 @@ export async function columnUpdate(param: {
                   newOp.title,
                   ch.temp_title,
                   column.column_name,
-                ],
-              )
+                ]
+              );
             } else {
               await dbDriver.raw(
                 `UPDATE ?? SET ?? = TRIM(BOTH ',' FROM REPLACE(CONCAT(',', ??, ','), CONCAT(',', ?, ','), CONCAT(',', ?, ',')))`,
@@ -650,8 +650,8 @@ export async function columnUpdate(param: {
                   newOp.title,
                   ch.temp_title,
                   column.column_name,
-                ],
-              )
+                ]
+              );
             }
           } else if (driverType === 'pg') {
             await dbDriver.raw(
@@ -662,8 +662,8 @@ export async function columnUpdate(param: {
                 column.column_name,
                 ch.temp_title,
                 newOp.title,
-              ],
-            )
+              ]
+            );
           } else if (driverType === 'mssql') {
             await dbDriver.raw(
               `UPDATE ?? SET ?? = substring(replace(concat(',', ??, ','), concat(',', ?, ','), concat(',', ?, ',')), 2, len(replace(concat(',', ??, ','), concat(',', ?, ','), concat(',', ?, ','))) - 2)`,
@@ -676,8 +676,8 @@ export async function columnUpdate(param: {
                 column.column_name,
                 ch.temp_title,
                 newOp.title,
-              ],
-            )
+              ]
+            );
           } else if (driverType === 'sqlite3') {
             await dbDriver.raw(
               `UPDATE ?? SET ?? = TRIM(REPLACE(',' || ?? || ',', ',' || ? || ',', ',' || ? || ','), ',')`,
@@ -687,8 +687,8 @@ export async function columnUpdate(param: {
                 column.column_name,
                 ch.temp_title,
                 newOp.title,
-              ],
-            )
+              ]
+            );
           }
         }
       }
@@ -711,48 +711,48 @@ export async function columnUpdate(param: {
               cn: colBody.column_name,
               cno: c.column_name,
               altered: Altered.UPDATE_COLUMN,
-            }
+            };
 
             // update formula with new column name
             if (c.column_name != colBody.column_name) {
               const formulas = await Noco.ncMeta
                 .knex(MetaTable.COL_FORMULA)
-                .where('formula', 'like', `%${c.id}%`)
+                .where('formula', 'like', `%${c.id}%`);
               if (formulas) {
-                const new_column = c
-                new_column.column_name = colBody.column_name
-                new_column.title = colBody.title
+                const new_column = c;
+                new_column.column_name = colBody.column_name;
+                new_column.title = colBody.title;
                 for (const f of formulas) {
                   // the formula with column IDs only
-                  const formula = f.formula
+                  const formula = f.formula;
                   // replace column IDs with alias to get the new formula_raw
                   const new_formula_raw = substituteColumnIdWithAliasInFormula(
                     formula,
-                    [new_column],
-                  )
+                    [new_column]
+                  );
                   await FormulaColumn.update(c.id, {
                     formula_raw: new_formula_raw,
-                  })
+                  });
                 }
               }
             }
-            return Promise.resolve(res)
+            return Promise.resolve(res);
           } else {
-            (c as any).cn = c.column_name
+            (c as any).cn = c.column_name;
           }
-          return Promise.resolve(c)
-        }),
+          return Promise.resolve(c);
+        })
       ),
-    }
+    };
 
-    const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id })
-    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
+    const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id });
+    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
 
     await Column.update(param.columnId, {
       ...colBody,
-    })
+    });
   } else {
-    colBody = await getColumnPropsFromUIDT(colBody, base)
+    colBody = await getColumnPropsFromUIDT(colBody, base);
     const tableUpdateBody = {
       ...table,
       tn: table.table_name,
@@ -770,46 +770,46 @@ export async function columnUpdate(param: {
               cn: colBody.column_name,
               cno: c.column_name,
               altered: Altered.UPDATE_COLUMN,
-            }
+            };
 
             // update formula with new column name
             if (c.column_name != colBody.column_name) {
               const formulas = await Noco.ncMeta
                 .knex(MetaTable.COL_FORMULA)
-                .where('formula', 'like', `%${c.id}%`)
+                .where('formula', 'like', `%${c.id}%`);
               if (formulas) {
-                const new_column = c
-                new_column.column_name = colBody.column_name
-                new_column.title = colBody.title
+                const new_column = c;
+                new_column.column_name = colBody.column_name;
+                new_column.title = colBody.title;
                 for (const f of formulas) {
                   // the formula with column IDs only
-                  const formula = f.formula
+                  const formula = f.formula;
                   // replace column IDs with alias to get the new formula_raw
                   const new_formula_raw = substituteColumnIdWithAliasInFormula(
                     formula,
-                    [new_column],
-                  )
+                    [new_column]
+                  );
                   await FormulaColumn.update(c.id, {
                     formula_raw: new_formula_raw,
-                  })
+                  });
                 }
               }
             }
-            return Promise.resolve(res)
+            return Promise.resolve(res);
           } else {
-            (c as any).cn = c.column_name
+            (c as any).cn = c.column_name;
           }
-          return Promise.resolve(c)
-        }),
+          return Promise.resolve(c);
+        })
       ),
-    }
+    };
 
-    const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id })
-    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
+    const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id });
+    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
 
     await Column.update(param.columnId, {
       ...colBody,
-    })
+    });
   }
   await Audit.insert({
     project_id: base.project_id,
@@ -818,22 +818,21 @@ export async function columnUpdate(param: {
     user: param.req?.user?.email,
     description: `updated column ${column.column_name} with alias ${column.title} from table ${table.table_name}`,
     ip: param.req?.clientIp,
-  }).then(() => {
-  })
+  }).then(() => {});
 
-  await table.getColumns()
-  T.emit('evt', { evt_type: 'column:updated' })
+  await table.getColumns();
+  T.emit('evt', { evt_type: 'column:updated' });
 
-  return table
+  return table;
 }
 
 export async function columnGet(param: { columnId: string }) {
-  return Column.get({ colId: param.columnId })
+  return Column.get({ colId: param.columnId });
 }
 
 export async function columnSetAsPrimary(param: { columnId: string }) {
-  const column = await Column.get({ colId: param.columnId })
-  return Model.updatePrimaryColumn(column.fk_model_id, column.id)
+  const column = await Column.get({ colId: param.columnId });
+  return Model.updatePrimaryColumn(column.fk_model_id, column.id);
 }
 
 export async function columnAdd(param: {
@@ -841,22 +840,22 @@ export async function columnAdd(param: {
   tableId: string;
   column: ColumnReqType;
 }) {
-  validatePayload('swagger.json#/components/schemas/ColumnReq', param.column)
+  validatePayload('swagger.json#/components/schemas/ColumnReq', param.column);
 
   const table = await Model.getWithInfo({
     id: param.tableId,
-  })
+  });
 
-  const base = await Base.get(table.base_id)
+  const base = await Base.get(table.base_id);
 
-  const project = await base.getProject()
+  const project = await base.getProject();
 
   if (param.column.title || param.column.column_name) {
-    const dbDriver = await NcConnectionMgrv2.get(base)
+    const dbDriver = await NcConnectionMgrv2.get(base);
 
-    const sqlClientType = dbDriver.clientType()
+    const sqlClientType = dbDriver.clientType();
 
-    const mxColumnLength = Column.getMaxColumnNameLength(sqlClientType)
+    const mxColumnLength = Column.getMaxColumnNameLength(sqlClientType);
 
     if (
       (param.column.title || param.column.column_name).length > mxColumnLength
@@ -864,8 +863,8 @@ export async function columnAdd(param: {
       NcError.badRequest(
         `Column name ${
           param.column.title || param.column.column_name
-        } exceeds ${mxColumnLength} characters`,
-      )
+        } exceeds ${mxColumnLength} characters`
+      );
     }
   }
 
@@ -876,7 +875,7 @@ export async function columnAdd(param: {
       fk_model_id: param.tableId,
     }))
   ) {
-    NcError.badRequest('Duplicate column name')
+    NcError.badRequest('Duplicate column name');
   }
   if (
     !(await Column.checkAliasAvailable({
@@ -884,224 +883,229 @@ export async function columnAdd(param: {
       fk_model_id: param.tableId,
     }))
   ) {
-    NcError.badRequest('Duplicate column alias')
+    NcError.badRequest('Duplicate column alias');
   }
 
-  let colBody: any = param.column
+  let colBody: any = param.column;
   switch (colBody.uidt) {
-    case UITypes.Rollup: {
-      await validateRollupPayload(param.column)
+    case UITypes.Rollup:
+      {
+        await validateRollupPayload(param.column);
 
-      await Column.insert({
-        ...colBody,
-        fk_model_id: table.id,
-      })
-    }
-      break
-    case UITypes.Lookup: {
-      await validateLookupPayload(param.column)
+        await Column.insert({
+          ...colBody,
+          fk_model_id: table.id,
+        });
+      }
+      break;
+    case UITypes.Lookup:
+      {
+        await validateLookupPayload(param.column);
 
-      await Column.insert({
-        ...colBody,
-        fk_model_id: table.id,
-      })
-    }
-      break
+        await Column.insert({
+          ...colBody,
+          fk_model_id: table.id,
+        });
+      }
+      break;
 
     case UITypes.LinkToAnotherRecord:
-      await createLTARColumn({ ...param, base, project })
-      T.emit('evt', { evt_type: 'relation:created' })
-      break
+      await createLTARColumn({ ...param, base, project });
+      T.emit('evt', { evt_type: 'relation:created' });
+      break;
 
     case UITypes.QrCode:
       await Column.insert({
         ...colBody,
         fk_model_id: table.id,
-      })
-      break
+      });
+      break;
     case UITypes.Barcode:
       await Column.insert({
         ...colBody,
         fk_model_id: table.id,
-      })
-      break
+      });
+      break;
     case UITypes.Formula:
       colBody.formula = await substituteColumnAliasWithIdInFormula(
         colBody.formula_raw || colBody.formula,
-        table.columns,
-      )
+        table.columns
+      );
 
       try {
         // test the query to see if it is valid in db level
-        const dbDriver = await NcConnectionMgrv2.get(base)
-        await formulaQueryBuilderv2(colBody.formula, null, dbDriver, table)
+        const dbDriver = await NcConnectionMgrv2.get(base);
+        await formulaQueryBuilderv2(colBody.formula, null, dbDriver, table);
       } catch (e) {
-        console.error(e)
-        NcError.badRequest('Invalid Formula')
+        console.error(e);
+        NcError.badRequest('Invalid Formula');
       }
 
       await Column.insert({
         ...colBody,
         fk_model_id: table.id,
-      })
+      });
 
-      break
-    default: {
-      colBody = await getColumnPropsFromUIDT(colBody, base)
-      if (colBody.uidt === UITypes.Duration) {
-        colBody.dtxp = '20'
-        // by default, colBody.dtxs is 2
-        // Duration column needs more that that
-        colBody.dtxs = '4'
-      }
+      break;
+    default:
+      {
+        colBody = await getColumnPropsFromUIDT(colBody, base);
+        if (colBody.uidt === UITypes.Duration) {
+          colBody.dtxp = '20';
+          // by default, colBody.dtxs is 2
+          // Duration column needs more that that
+          colBody.dtxs = '4';
+        }
 
-      if (
-        [UITypes.SingleSelect, UITypes.MultiSelect].includes(colBody.uidt)
-      ) {
-        const dbDriver = await NcConnectionMgrv2.get(base)
-        const driverType = dbDriver.clientType()
-        const optionTitles = colBody.colOptions.options.map((el) =>
-          el.title.replace(/'/g, '\'\''),
-        )
-
-        // this is not used for select columns and cause issue for MySQL
-        colBody.dtxs = ''
-        // Handle default values
-        if (colBody.cdf) {
-          if (colBody.uidt === UITypes.SingleSelect) {
-            if (!optionTitles.includes(colBody.cdf.replace(/'/g, '\'\''))) {
-              NcError.badRequest(
-                `Default value '${colBody.cdf}' is not a select option.`,
-              )
-            }
-          } else {
-            for (const cdf of colBody.cdf.split(',')) {
-              if (!optionTitles.includes(cdf.replace(/'/g, '\'\''))) {
+        if (
+          [UITypes.SingleSelect, UITypes.MultiSelect].includes(colBody.uidt)
+        ) {
+          const dbDriver = await NcConnectionMgrv2.get(base);
+          const driverType = dbDriver.clientType();
+          const optionTitles = colBody.colOptions.options.map((el) =>
+            el.title.replace(/'/g, "''")
+          );
+
+          // this is not used for select columns and cause issue for MySQL
+          colBody.dtxs = '';
+          // Handle default values
+          if (colBody.cdf) {
+            if (colBody.uidt === UITypes.SingleSelect) {
+              if (!optionTitles.includes(colBody.cdf.replace(/'/g, "''"))) {
                 NcError.badRequest(
-                  `Default value '${cdf}' is not a select option.`,
-                )
+                  `Default value '${colBody.cdf}' is not a select option.`
+                );
+              }
+            } else {
+              for (const cdf of colBody.cdf.split(',')) {
+                if (!optionTitles.includes(cdf.replace(/'/g, "''"))) {
+                  NcError.badRequest(
+                    `Default value '${cdf}' is not a select option.`
+                  );
+                }
               }
             }
-          }
 
-          // handle single quote for default value
-          if (driverType === 'mysql' || driverType === 'mysql2') {
-            colBody.cdf = colBody.cdf.replace(/'/g, '\'')
-          } else {
-            colBody.cdf = colBody.cdf.replace(/'/g, '\'\'')
-          }
+            // handle single quote for default value
+            if (driverType === 'mysql' || driverType === 'mysql2') {
+              colBody.cdf = colBody.cdf.replace(/'/g, "'");
+            } else {
+              colBody.cdf = colBody.cdf.replace(/'/g, "''");
+            }
 
-          if (driverType === 'pg') {
-            colBody.cdf = `'${colBody.cdf}'`
+            if (driverType === 'pg') {
+              colBody.cdf = `'${colBody.cdf}'`;
+            }
           }
-        }
-
-        // Restrict duplicates
-        const titles = colBody.colOptions.options.map((el) => el.title)
-        if (
-          titles.some(function(item) {
-            return titles.indexOf(item) !== titles.lastIndexOf(item)
-          })
-        ) {
-          NcError.badRequest('Duplicates are not allowed!')
-        }
-
-        // Restrict empty options
-        if (
-          titles.some(function(item) {
-            return item === ''
-          })
-        ) {
-          NcError.badRequest('Empty options are not allowed!')
-        }
 
-        // Trim end of enum/set
-        if (colBody.dt === 'enum' || colBody.dt === 'set') {
-          for (const opt of colBody.colOptions.options) {
-            opt.title = opt.title.trimEnd()
+          // Restrict duplicates
+          const titles = colBody.colOptions.options.map((el) => el.title);
+          if (
+            titles.some(function (item) {
+              return titles.indexOf(item) !== titles.lastIndexOf(item);
+            })
+          ) {
+            NcError.badRequest('Duplicates are not allowed!');
           }
-        }
 
-        if (colBody.uidt === UITypes.SingleSelect) {
-          colBody.dtxp = colBody.colOptions?.options.length
-            ? `${colBody.colOptions.options
-              .map((o) => `'${o.title.replace(/'/gi, '\'\'')}'`)
-              .join(',')}`
-            : ''
-        } else if (colBody.uidt === UITypes.MultiSelect) {
-          colBody.dtxp = colBody.colOptions?.options.length
-            ? `${colBody.colOptions.options
-              .map((o) => {
-                if (o.title.includes(',')) {
-                  NcError.badRequest('Illegal char(\',\') for MultiSelect')
-                }
-                return `'${o.title.replace(/'/gi, '\'\'')}'`
-              })
-              .join(',')}`
-            : ''
-        }
-
-        // Handle empty enum/set for mysql (we restrict empty user options beforehand)
-        if (driverType === 'mysql' || driverType === 'mysql2') {
+          // Restrict empty options
           if (
-            !colBody.colOptions.options.length &&
-            (!colBody.dtxp || colBody.dtxp === '')
+            titles.some(function (item) {
+              return item === '';
+            })
           ) {
-            colBody.dtxp = '\'\''
+            NcError.badRequest('Empty options are not allowed!');
+          }
+
+          // Trim end of enum/set
+          if (colBody.dt === 'enum' || colBody.dt === 'set') {
+            for (const opt of colBody.colOptions.options) {
+              opt.title = opt.title.trimEnd();
+            }
+          }
+
+          if (colBody.uidt === UITypes.SingleSelect) {
+            colBody.dtxp = colBody.colOptions?.options.length
+              ? `${colBody.colOptions.options
+                  .map((o) => `'${o.title.replace(/'/gi, "''")}'`)
+                  .join(',')}`
+              : '';
+          } else if (colBody.uidt === UITypes.MultiSelect) {
+            colBody.dtxp = colBody.colOptions?.options.length
+              ? `${colBody.colOptions.options
+                  .map((o) => {
+                    if (o.title.includes(',')) {
+                      NcError.badRequest("Illegal char(',') for MultiSelect");
+                    }
+                    return `'${o.title.replace(/'/gi, "''")}'`;
+                  })
+                  .join(',')}`
+              : '';
           }
 
-          if (colBody.dt === 'set') {
-            if (colBody.colOptions?.options.length > 64) {
-              colBody.dt = 'text'
+          // Handle empty enum/set for mysql (we restrict empty user options beforehand)
+          if (driverType === 'mysql' || driverType === 'mysql2') {
+            if (
+              !colBody.colOptions.options.length &&
+              (!colBody.dtxp || colBody.dtxp === '')
+            ) {
+              colBody.dtxp = "''";
+            }
+
+            if (colBody.dt === 'set') {
+              if (colBody.colOptions?.options.length > 64) {
+                colBody.dt = 'text';
+              }
             }
           }
         }
-      }
 
-      const tableUpdateBody = {
-        ...table,
-        tn: table.table_name,
-        originalColumns: table.columns.map((c) => ({
-          ...c,
-          cn: c.column_name,
-        })),
-        columns: [
-          ...table.columns.map((c) => ({ ...c, cn: c.column_name })),
-          {
-            ...colBody,
-            cn: colBody.column_name,
-            altered: Altered.NEW_COLUMN,
-          },
-        ],
-      }
+        const tableUpdateBody = {
+          ...table,
+          tn: table.table_name,
+          originalColumns: table.columns.map((c) => ({
+            ...c,
+            cn: c.column_name,
+          })),
+          columns: [
+            ...table.columns.map((c) => ({ ...c, cn: c.column_name })),
+            {
+              ...colBody,
+              cn: colBody.column_name,
+              altered: Altered.NEW_COLUMN,
+            },
+          ],
+        };
 
-      const sqlClient = await NcConnectionMgrv2.getSqlClient(base)
-      const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id })
-      await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
+        const sqlClient = await NcConnectionMgrv2.getSqlClient(base);
+        const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id });
+        await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
 
-      const columns: Array<Omit<Column, 'column_name' | 'title'> & {
-        cn: string;
-        system?: boolean;
-      }> = (await sqlClient.columnList({ tn: table.table_name }))?.data?.list
+        const columns: Array<
+          Omit<Column, 'column_name' | 'title'> & {
+            cn: string;
+            system?: boolean;
+          }
+        > = (await sqlClient.columnList({ tn: table.table_name }))?.data?.list;
 
-      const insertedColumnMeta =
-        columns.find((c) => c.cn === colBody.column_name) || ({} as any)
+        const insertedColumnMeta =
+          columns.find((c) => c.cn === colBody.column_name) || ({} as any);
 
-      await Column.insert({
-        ...colBody,
-        ...insertedColumnMeta,
-        dtxp: [UITypes.MultiSelect, UITypes.SingleSelect].includes(
-          colBody.uidt as any,
-        )
-          ? colBody.dtxp
-          : insertedColumnMeta.dtxp,
-        fk_model_id: table.id,
-      })
-    }
-      break
+        await Column.insert({
+          ...colBody,
+          ...insertedColumnMeta,
+          dtxp: [UITypes.MultiSelect, UITypes.SingleSelect].includes(
+            colBody.uidt as any
+          )
+            ? colBody.dtxp
+            : insertedColumnMeta.dtxp,
+          fk_model_id: table.id,
+        });
+      }
+      break;
   }
 
-  await table.getColumns()
+  await table.getColumns();
 
   await Audit.insert({
     project_id: base.project_id,
@@ -1110,20 +1114,19 @@ export async function columnAdd(param: {
     user: param?.req?.user?.email,
     description: `created column ${colBody.column_name} with alias ${colBody.title} from table ${table.table_name}`,
     ip: param?.req.clientIp,
-  }).then(() => {
-  })
+  }).then(() => {});
 
-  T.emit('evt', { evt_type: 'column:created' })
+  T.emit('evt', { evt_type: 'column:created' });
 
-  return table
+  return table;
 }
 
 export async function columnDelete(param: { req?: any; columnId: string }) {
-  const column = await Column.get({ colId: param.columnId })
+  const column = await Column.get({ colId: param.columnId });
   const table = await Model.getWithInfo({
     id: column.fk_model_id,
-  })
-  const base = await Base.get(table.base_id)
+  });
+  const base = await Base.get(table.base_id);
 
   // const ncMeta = await Noco.ncMeta.startTransaction();
   // const sql-mgr = await ProjectMgrv2.getSqlMgrTrans(
@@ -1132,7 +1135,7 @@ export async function columnDelete(param: { req?: any; columnId: string }) {
   //   base
   // );
 
-  const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id })
+  const sqlMgr = await ProjectMgrv2.getSqlMgr({ id: base.project_id });
 
   switch (column.uidt) {
     case UITypes.Lookup:
@@ -1140,145 +1143,148 @@ export async function columnDelete(param: { req?: any; columnId: string }) {
     case UITypes.QrCode:
     case UITypes.Barcode:
     case UITypes.Formula:
-      await Column.delete(param.columnId)
-      break
-    case UITypes.LinkToAnotherRecord: {
-      const relationColOpt =
-        await column.getColOptions<LinkToAnotherRecordColumn>()
-      const childColumn = await relationColOpt.getChildColumn()
-      const childTable = await childColumn.getModel()
-
-      const parentColumn = await relationColOpt.getParentColumn()
-      const parentTable = await parentColumn.getModel()
-
-      switch (relationColOpt.type) {
-        case 'bt':
-        case 'hm': {
-          await deleteHmOrBtRelation({
-            relationColOpt,
-            base,
-            childColumn,
-            childTable,
-            parentColumn,
-            parentTable,
-            sqlMgr,
-            // ncMeta
-          })
-        }
-          break
-        case 'mm': {
-          const mmTable = await relationColOpt.getMMModel()
-          const mmParentCol = await relationColOpt.getMMParentColumn()
-          const mmChildCol = await relationColOpt.getMMChildColumn()
+      await Column.delete(param.columnId);
+      break;
+    case UITypes.LinkToAnotherRecord:
+      {
+        const relationColOpt =
+          await column.getColOptions<LinkToAnotherRecordColumn>();
+        const childColumn = await relationColOpt.getChildColumn();
+        const childTable = await childColumn.getModel();
 
-          await deleteHmOrBtRelation(
-            {
-              relationColOpt: null,
-              parentColumn: parentColumn,
-              childTable: mmTable,
-              sqlMgr,
-              parentTable: parentTable,
-              childColumn: mmParentCol,
-              base,
-              // ncMeta
-            },
-            true,
-          )
+        const parentColumn = await relationColOpt.getParentColumn();
+        const parentTable = await parentColumn.getModel();
 
-          await deleteHmOrBtRelation(
+        switch (relationColOpt.type) {
+          case 'bt':
+          case 'hm':
             {
-              relationColOpt: null,
-              parentColumn: childColumn,
-              childTable: mmTable,
-              sqlMgr,
-              parentTable: childTable,
-              childColumn: mmChildCol,
-              base,
-              // ncMeta
-            },
-            true,
-          )
-          const columnsInRelatedTable: Column[] = await relationColOpt
-            .getRelatedTable()
-            .then((m) => m.getColumns())
-
-          for (const c of columnsInRelatedTable) {
-            if (c.uidt !== UITypes.LinkToAnotherRecord) continue
-            const colOpt =
-              await c.getColOptions<LinkToAnotherRecordColumn>()
-            if (
-              colOpt.type === 'mm' &&
-              colOpt.fk_parent_column_id === childColumn.id &&
-              colOpt.fk_child_column_id === parentColumn.id &&
-              colOpt.fk_mm_model_id === mmTable.id &&
-              colOpt.fk_mm_parent_column_id === mmChildCol.id &&
-              colOpt.fk_mm_child_column_id === mmParentCol.id
-            ) {
-              await Column.delete(c.id)
-              break
+              await deleteHmOrBtRelation({
+                relationColOpt,
+                base,
+                childColumn,
+                childTable,
+                parentColumn,
+                parentTable,
+                sqlMgr,
+                // ncMeta
+              });
             }
-          }
+            break;
+          case 'mm':
+            {
+              const mmTable = await relationColOpt.getMMModel();
+              const mmParentCol = await relationColOpt.getMMParentColumn();
+              const mmChildCol = await relationColOpt.getMMChildColumn();
+
+              await deleteHmOrBtRelation(
+                {
+                  relationColOpt: null,
+                  parentColumn: parentColumn,
+                  childTable: mmTable,
+                  sqlMgr,
+                  parentTable: parentTable,
+                  childColumn: mmParentCol,
+                  base,
+                  // ncMeta
+                },
+                true
+              );
+
+              await deleteHmOrBtRelation(
+                {
+                  relationColOpt: null,
+                  parentColumn: childColumn,
+                  childTable: mmTable,
+                  sqlMgr,
+                  parentTable: childTable,
+                  childColumn: mmChildCol,
+                  base,
+                  // ncMeta
+                },
+                true
+              );
+              const columnsInRelatedTable: Column[] = await relationColOpt
+                .getRelatedTable()
+                .then((m) => m.getColumns());
+
+              for (const c of columnsInRelatedTable) {
+                if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
+                const colOpt =
+                  await c.getColOptions<LinkToAnotherRecordColumn>();
+                if (
+                  colOpt.type === 'mm' &&
+                  colOpt.fk_parent_column_id === childColumn.id &&
+                  colOpt.fk_child_column_id === parentColumn.id &&
+                  colOpt.fk_mm_model_id === mmTable.id &&
+                  colOpt.fk_mm_parent_column_id === mmChildCol.id &&
+                  colOpt.fk_mm_child_column_id === mmParentCol.id
+                ) {
+                  await Column.delete(c.id);
+                  break;
+                }
+              }
 
-          await Column.delete(relationColOpt.fk_column_id)
+              await Column.delete(relationColOpt.fk_column_id);
 
-          // delete bt columns in m2m table
-          await mmTable.getColumns()
-          for (const c of mmTable.columns) {
-            if (c.uidt !== UITypes.LinkToAnotherRecord) continue
-            const colOpt =
-              await c.getColOptions<LinkToAnotherRecordColumn>()
-            if (colOpt.type === 'bt') {
-              await Column.delete(c.id)
-            }
-          }
+              // delete bt columns in m2m table
+              await mmTable.getColumns();
+              for (const c of mmTable.columns) {
+                if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
+                const colOpt =
+                  await c.getColOptions<LinkToAnotherRecordColumn>();
+                if (colOpt.type === 'bt') {
+                  await Column.delete(c.id);
+                }
+              }
 
-          // delete hm columns in parent table
-          await parentTable.getColumns()
-          for (const c of parentTable.columns) {
-            if (c.uidt !== UITypes.LinkToAnotherRecord) continue
-            const colOpt =
-              await c.getColOptions<LinkToAnotherRecordColumn>()
-            if (colOpt.fk_related_model_id === mmTable.id) {
-              await Column.delete(c.id)
-            }
-          }
+              // delete hm columns in parent table
+              await parentTable.getColumns();
+              for (const c of parentTable.columns) {
+                if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
+                const colOpt =
+                  await c.getColOptions<LinkToAnotherRecordColumn>();
+                if (colOpt.fk_related_model_id === mmTable.id) {
+                  await Column.delete(c.id);
+                }
+              }
 
-          // delete hm columns in child table
-          await childTable.getColumns()
-          for (const c of childTable.columns) {
-            if (c.uidt !== UITypes.LinkToAnotherRecord) continue
-            const colOpt =
-              await c.getColOptions<LinkToAnotherRecordColumn>()
-            if (colOpt.fk_related_model_id === mmTable.id) {
-              await Column.delete(c.id)
-            }
-          }
+              // delete hm columns in child table
+              await childTable.getColumns();
+              for (const c of childTable.columns) {
+                if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
+                const colOpt =
+                  await c.getColOptions<LinkToAnotherRecordColumn>();
+                if (colOpt.fk_related_model_id === mmTable.id) {
+                  await Column.delete(c.id);
+                }
+              }
 
-          // retrieve columns in m2m table again
-          await mmTable.getColumns()
+              // retrieve columns in m2m table again
+              await mmTable.getColumns();
 
-          // ignore deleting table if it has more than 2 columns
-          // the expected 2 columns would be table1_id & table2_id
-          if (mmTable.columns.length === 2) {
-            await mmTable.delete()
-          }
+              // ignore deleting table if it has more than 2 columns
+              // the expected 2 columns would be table1_id & table2_id
+              if (mmTable.columns.length === 2) {
+                await mmTable.delete();
+              }
+            }
+            break;
         }
-          break
       }
-    }
-      T.emit('evt', { evt_type: 'raltion:deleted' })
-      break
+      T.emit('evt', { evt_type: 'raltion:deleted' });
+      break;
     case UITypes.ForeignKey: {
-      NcError.notImplemented()
-      break
+      NcError.notImplemented();
+      break;
     }
     // @ts-ignore
     case UITypes.SingleSelect: {
       if (column.uidt === UITypes.SingleSelect) {
         if (await KanbanView.IsColumnBeingUsedAsGroupingField(column.id)) {
           NcError.badRequest(
-            `The column '${column.column_name}' is being used in Kanban View. Please delete Kanban View first.`,
-          )
+            `The column '${column.column_name}' is being used in Kanban View. Please delete Kanban View first.`
+          );
         }
       }
       /* falls through to default */
@@ -1299,17 +1305,17 @@ export async function columnDelete(param: { req?: any; columnId: string }) {
               cn: c.column_name,
               cno: c.column_name,
               altered: Altered.DELETE_COLUMN,
-            }
+            };
           } else {
-            (c as any).cn = c.column_name
+            (c as any).cn = c.column_name;
           }
-          return c
+          return c;
         }),
-      }
+      };
 
-      await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
+      await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
 
-      await Column.delete(param.columnId)
+      await Column.delete(param.columnId);
     }
   }
 
@@ -1320,22 +1326,21 @@ export async function columnDelete(param: { req?: any; columnId: string }) {
     user: param?.req?.user?.email,
     description: `deleted column ${column.column_name} with alias ${column.title} from table ${table.table_name}`,
     ip: param?.req.clientIp,
-  }).then(() => {
-  })
+  }).then(() => {});
 
-  await table.getColumns()
+  await table.getColumns();
 
-  const displayValueColumn = mapDefaultDisplayValue(table.columns)
+  const displayValueColumn = mapDefaultDisplayValue(table.columns);
   if (displayValueColumn) {
     await Model.updatePrimaryColumn(
       displayValueColumn.fk_model_id,
-      displayValueColumn.id,
-    )
+      displayValueColumn.id
+    );
   }
 
-  T.emit('evt', { evt_type: 'column:deleted' })
+  T.emit('evt', { evt_type: 'column:deleted' });
 
-  return table
+  return table;
 }
 
 const deleteHmOrBtRelation = async (
@@ -1358,9 +1363,9 @@ const deleteHmOrBtRelation = async (
     sqlMgr: SqlMgrv2;
     ncMeta?: NcMetaIO;
   },
-  ignoreFkDelete = false,
+  ignoreFkDelete = false
 ) => {
-  let foreignKeyName
+  let foreignKeyName;
 
   // if relationColOpt is not provided, extract it from child table
   // and get the foreign key name for dropping the foreign key
@@ -1373,16 +1378,16 @@ const deleteHmOrBtRelation = async (
               c.uidt === UITypes.LinkToAnotherRecord &&
               c.colOptions.fk_related_model_id === parentTable.id &&
               (c.colOptions as LinkToAnotherRecordType).fk_child_column_id ===
-              childColumn.id &&
+                childColumn.id &&
               (c.colOptions as LinkToAnotherRecordType).fk_parent_column_id ===
-              parentColumn.id
-            )
-          })
+                parentColumn.id
+            );
+          });
         })
       ).colOptions as LinkToAnotherRecordType
-    ).fk_index_name
+    ).fk_index_name;
   } else {
-    foreignKeyName = relationColOpt.fk_index_name
+    foreignKeyName = relationColOpt.fk_index_name;
   }
 
   // todo: handle relation delete exception
@@ -1393,36 +1398,36 @@ const deleteHmOrBtRelation = async (
       parentTable: parentTable.table_name,
       parentColumn: parentColumn.column_name,
       foreignKeyName,
-    })
+    });
   } catch (e) {
-    console.log(e)
+    console.log(e);
   }
 
-  if (!relationColOpt) return
+  if (!relationColOpt) return;
   const columnsInRelatedTable: Column[] = await relationColOpt
     .getRelatedTable()
-    .then((m) => m.getColumns())
-  const relType = relationColOpt.type === 'bt' ? 'hm' : 'bt'
+    .then((m) => m.getColumns());
+  const relType = relationColOpt.type === 'bt' ? 'hm' : 'bt';
   for (const c of columnsInRelatedTable) {
-    if (c.uidt !== UITypes.LinkToAnotherRecord) continue
-    const colOpt = await c.getColOptions<LinkToAnotherRecordColumn>()
+    if (c.uidt !== UITypes.LinkToAnotherRecord) continue;
+    const colOpt = await c.getColOptions<LinkToAnotherRecordColumn>();
     if (
       colOpt.fk_parent_column_id === parentColumn.id &&
       colOpt.fk_child_column_id === childColumn.id &&
       colOpt.type === relType
     ) {
-      await Column.delete(c.id, ncMeta)
-      break
+      await Column.delete(c.id, ncMeta);
+      break;
     }
   }
 
   // delete virtual columns
-  await Column.delete(relationColOpt.fk_column_id, ncMeta)
+  await Column.delete(relationColOpt.fk_column_id, ncMeta);
 
   if (!ignoreFkDelete) {
     const cTable = await Model.getWithInfo({
       id: childTable.id,
-    })
+    });
     const tableUpdateBody = {
       ...cTable,
       tn: cTable.table_name,
@@ -1438,19 +1443,19 @@ const deleteHmOrBtRelation = async (
             cn: c.column_name,
             cno: c.column_name,
             altered: Altered.DELETE_COLUMN,
-          }
+          };
         } else {
-          (c as any).cn = c.column_name
+          (c as any).cn = c.column_name;
         }
-        return c
+        return c;
       }),
-    }
+    };
 
-    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody)
+    await sqlMgr.sqlOpPlus(base, 'tableUpdate', tableUpdateBody);
   }
   // delete foreign key column
-  await Column.delete(childColumn.id, ncMeta)
-}
+  await Column.delete(childColumn.id, ncMeta);
+};
 
 async function createLTARColumn(param: {
   tableId: string;
@@ -1458,20 +1463,20 @@ async function createLTARColumn(param: {
   base: Base;
   project: Project;
 }) {
-  validateParams(['parentId', 'childId', 'type'], param.column)
+  validateParams(['parentId', 'childId', 'type'], param.column);
 
   // get parent and child models
   const parent = await Model.getWithInfo({
     id: (param.column as LinkToAnotherColumnReqType).parentId,
-  })
+  });
   const child = await Model.getWithInfo({
     id: (param.column as LinkToAnotherColumnReqType).childId,
-  })
-  let childColumn: Column
+  });
+  let childColumn: Column;
 
   const sqlMgr = await ProjectMgrv2.getSqlMgr({
     id: param.base.project_id,
-  })
+  });
   if (
     (param.column as LinkToAnotherColumnReqType).type === 'hm' ||
     (param.column as LinkToAnotherColumnReqType).type === 'bt'
@@ -1479,10 +1484,10 @@ async function createLTARColumn(param: {
     // populate fk column name
     const fkColName = getUniqueColumnName(
       await child.getColumns(),
-      `${parent.table_name}_id`,
-    )
+      `${parent.table_name}_id`
+    );
 
-    let foreignKeyName
+    let foreignKeyName;
     {
       // create foreign key
       const newColumn = {
@@ -1499,7 +1504,7 @@ async function createLTARColumn(param: {
         dtxs: parent.primaryKey.dtxs,
         un: parent.primaryKey.un,
         altered: Altered.NEW_COLUMN,
-      }
+      };
       const tableUpdateBody = {
         ...child,
         tn: child.table_name,
@@ -1514,21 +1519,21 @@ async function createLTARColumn(param: {
           })),
           newColumn,
         ],
-      }
+      };
 
-      await sqlMgr.sqlOpPlus(param.base, 'tableUpdate', tableUpdateBody)
+      await sqlMgr.sqlOpPlus(param.base, 'tableUpdate', tableUpdateBody);
 
       const { id } = await Column.insert({
         ...newColumn,
         uidt: UITypes.ForeignKey,
         fk_model_id: child.id,
-      })
+      });
 
-      childColumn = await Column.get({ colId: id })
+      childColumn = await Column.get({ colId: id });
 
       // ignore relation creation if virtual
       if (!(param.column as LinkToAnotherColumnReqType).virtual) {
-        foreignKeyName = generateFkName(parent, child)
+        foreignKeyName = generateFkName(parent, child);
         // create relation
         await sqlMgr.sqlOpPlus(param.base, 'relationCreate', {
           childColumn: fkColName,
@@ -1539,12 +1544,15 @@ async function createLTARColumn(param: {
           type: 'real',
           parentColumn: parent.primaryKey.column_name,
           foreignKeyName,
-        })
+        });
       }
 
       // todo: create index for virtual relations as well
       // create index for foreign key in pg
-      if (param.base.type === 'pg' || (param.column as LinkToAnotherColumnReqType).virtual) {
+      if (
+        param.base.type === 'pg' ||
+        (param.column as LinkToAnotherColumnReqType).virtual
+      ) {
         await createColumnIndex({
           column: new Column({
             ...newColumn,
@@ -1552,7 +1560,7 @@ async function createLTARColumn(param: {
           }),
           base: param.base,
           sqlMgr,
-        })
+        });
       }
     }
     await createHmAndBtColumn(
@@ -1562,19 +1570,19 @@ async function createLTARColumn(param: {
       (param.column as LinkToAnotherColumnReqType).type as RelationTypes,
       (param.column as LinkToAnotherColumnReqType).title,
       foreignKeyName,
-      (param.column as LinkToAnotherColumnReqType).virtual,
-    )
+      (param.column as LinkToAnotherColumnReqType).virtual
+    );
   } else if ((param.column as LinkToAnotherColumnReqType).type === 'mm') {
-    const aTn = `${param.project?.prefix ?? ''}_nc_m2m_${randomID()}`
-    const aTnAlias = aTn
+    const aTn = `${param.project?.prefix ?? ''}_nc_m2m_${randomID()}`;
+    const aTnAlias = aTn;
 
-    const parentPK = parent.primaryKey
-    const childPK = child.primaryKey
+    const parentPK = parent.primaryKey;
+    const childPK = child.primaryKey;
 
-    const associateTableCols = []
+    const associateTableCols = [];
 
-    const parentCn = 'table1_id'
-    const childCn = 'table2_id'
+    const parentCn = 'table1_id';
+    const childCn = 'table2_id';
 
     associateTableCols.push(
       {
@@ -1606,14 +1614,14 @@ async function createLTARColumn(param: {
         un: parentPK.un,
         altered: 1,
         uidt: UITypes.ForeignKey,
-      },
-    )
+      }
+    );
 
     await sqlMgr.sqlOpPlus(param.base, 'tableCreate', {
       tn: aTn,
       _tn: aTnAlias,
       columns: associateTableCols,
-    })
+    });
 
     const assocModel = await Model.insert(param.project.id, param.base.id, {
       table_name: aTn,
@@ -1621,14 +1629,14 @@ async function createLTARColumn(param: {
       // todo: sanitize
       mm: true,
       columns: associateTableCols,
-    })
+    });
 
-    let foreignKeyName1
-    let foreignKeyName2
+    let foreignKeyName1;
+    let foreignKeyName2;
 
     if (!(param.column as LinkToAnotherColumnReqType).virtual) {
-      foreignKeyName1 = generateFkName(parent, child)
-      foreignKeyName2 = generateFkName(parent, child)
+      foreignKeyName1 = generateFkName(parent, child);
+      foreignKeyName2 = generateFkName(parent, child);
 
       const rel1Args = {
         ...param.column,
@@ -1638,7 +1646,7 @@ async function createLTARColumn(param: {
         parentColumn: parentPK.column_name,
         type: 'real',
         foreignKeyName: foreignKeyName1,
-      }
+      };
       const rel2Args = {
         ...param.column,
         childTable: aTn,
@@ -1647,17 +1655,17 @@ async function createLTARColumn(param: {
         parentColumn: childPK.column_name,
         type: 'real',
         foreignKeyName: foreignKeyName2,
-      }
+      };
 
-      await sqlMgr.sqlOpPlus(param.base, 'relationCreate', rel1Args)
-      await sqlMgr.sqlOpPlus(param.base, 'relationCreate', rel2Args)
+      await sqlMgr.sqlOpPlus(param.base, 'relationCreate', rel1Args);
+      await sqlMgr.sqlOpPlus(param.base, 'relationCreate', rel2Args);
     }
     const parentCol = (await assocModel.getColumns())?.find(
-      (c) => c.column_name === parentCn,
-    )
+      (c) => c.column_name === parentCn
+    );
     const childCol = (await assocModel.getColumns())?.find(
-      (c) => c.column_name === childCn,
-    )
+      (c) => c.column_name === childCn
+    );
 
     await createHmAndBtColumn(
       assocModel,
@@ -1667,8 +1675,8 @@ async function createLTARColumn(param: {
       null,
       foreignKeyName1,
       (param.column as LinkToAnotherColumnReqType).virtual,
-      true,
-    )
+      true
+    );
     await createHmAndBtColumn(
       assocModel,
       parent,
@@ -1677,13 +1685,13 @@ async function createLTARColumn(param: {
       null,
       foreignKeyName2,
       (param.column as LinkToAnotherColumnReqType).virtual,
-      true,
-    )
+      true
+    );
 
     await Column.insert({
       title: getUniqueColumnAliasName(
         await child.getColumns(),
-        `${parent.title} List`,
+        `${parent.title} List`
       ),
       uidt: UITypes.LinkToAnotherRecord,
       type: 'mm',
@@ -1699,11 +1707,11 @@ async function createLTARColumn(param: {
       fk_mm_child_column_id: childCol.id,
       fk_mm_parent_column_id: parentCol.id,
       fk_related_model_id: parent.id,
-    })
+    });
     await Column.insert({
       title: getUniqueColumnAliasName(
         await parent.getColumns(),
-        param.column.title ?? `${child.title} List`,
+        param.column.title ?? `${child.title} List`
       ),
 
       uidt: UITypes.LinkToAnotherRecord,
@@ -1718,7 +1726,7 @@ async function createLTARColumn(param: {
       fk_mm_child_column_id: parentCol.id,
       fk_mm_parent_column_id: childCol.id,
       fk_related_model_id: child.id,
-    })
+    });
 
     // todo: create index for virtual relations as well
     // create index for foreign key in pg
@@ -1730,7 +1738,7 @@ async function createLTARColumn(param: {
         }),
         base: param.base,
         sqlMgr,
-      })
+      });
       await createColumnIndex({
         column: new Column({
           ...associateTableCols[1],
@@ -1738,32 +1746,32 @@ async function createLTARColumn(param: {
         }),
         base: param.base,
         sqlMgr,
-      })
+      });
     }
   }
 }
 
 export async function createColumnIndex({
-                                          column,
-                                          sqlMgr,
-                                          base,
-                                          indexName = null,
-                                          nonUnique = true,
-                                        }: {
+  column,
+  sqlMgr,
+  base,
+  indexName = null,
+  nonUnique = true,
+}: {
   column: Column;
   sqlMgr: SqlMgrv2;
   base: Base;
   indexName?: string;
   nonUnique?: boolean;
 }) {
-  const model = await column.getModel()
+  const model = await column.getModel();
   const indexArgs = {
     columns: [column.column_name],
     tn: model.table_name,
     non_unique: nonUnique,
     indexName,
-  }
-  sqlMgr.sqlOpPlus(base, 'indexCreate', indexArgs)
+  };
+  sqlMgr.sqlOpPlus(base, 'indexCreate', indexArgs);
 }
 
 async function updateRollupOrLookup(colBody: any, column: Column<any>) {
@@ -1774,8 +1782,8 @@ async function updateRollupOrLookup(colBody: any, column: Column<any>) {
       'fk_relation_column_id',
     ])
   ) {
-    await validateLookupPayload(colBody, column.id)
-    await Column.update(column.id, colBody)
+    await validateLookupPayload(colBody, column.id);
+    await Column.update(column.id, colBody);
   } else if (
     UITypes.Rollup === column.uidt &&
     validateRequiredField(colBody, [
@@ -1784,7 +1792,7 @@ async function updateRollupOrLookup(colBody: any, column: Column<any>) {
       'rollup_function',
     ])
   ) {
-    await validateRollupPayload(colBody)
-    await Column.update(column.id, colBody)
+    await validateRollupPayload(colBody);
+    await Column.update(column.id, colBody);
   }
 }

From c0450d29be9cc98a1ccc39fb189149d9835471d4 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 9 Mar 2023 19:08:25 +0530
Subject: [PATCH 11/24] chore: add pinia dependency

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/nuxt.config.ts    |    2 +-
 packages/nc-gui/package-lock.json | 1993 ++++++++++++++++-------------
 packages/nc-gui/package.json      |    5 +
 3 files changed, 1103 insertions(+), 897 deletions(-)

diff --git a/packages/nc-gui/nuxt.config.ts b/packages/nc-gui/nuxt.config.ts
index 569fc36ecf..49f816a1e3 100644
--- a/packages/nc-gui/nuxt.config.ts
+++ b/packages/nc-gui/nuxt.config.ts
@@ -12,7 +12,7 @@ import PurgeIcons from 'vite-plugin-purge-icons'
 
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
-  modules: ['@vueuse/nuxt', 'nuxt-windicss', '@nuxt/image-edge'],
+  modules: ['@vueuse/nuxt', 'nuxt-windicss', '@nuxt/image-edge', '@pinia/nuxt',],
 
   ssr: false,
 
diff --git a/packages/nc-gui/package-lock.json b/packages/nc-gui/package-lock.json
index d1bf647f49..6eb1dfba5f 100644
--- a/packages/nc-gui/package-lock.json
+++ b/packages/nc-gui/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@ckpack/vue-color": "^1.2.0",
         "@iconify/vue": "^4.0.1",
+        "@pinia/nuxt": "^0.4.7",
         "@types/file-saver": "^2.0.5",
         "@vue-flow/additional-components": "^1.2.0",
         "@vue-flow/core": "^1.3.0",
@@ -33,6 +34,7 @@
         "monaco-editor": "^0.33.0",
         "nocodb-sdk": "file:../nocodb-sdk",
         "papaparse": "^5.3.2",
+        "pinia": "^2.0.33",
         "qrcode": "^1.5.1",
         "socket.io-client": "^4.5.1",
         "sortablejs": "^1.15.0",
@@ -128,7 +130,6 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
       "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.1.0",
         "@jridgewell/trace-mapping": "^0.3.9"
@@ -348,7 +349,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
       "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==",
-      "dev": true,
       "dependencies": {
         "@babel/highlight": "^7.18.6"
       },
@@ -357,34 +357,32 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.1.tgz",
-      "integrity": "sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ==",
-      "dev": true,
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.0.tgz",
+      "integrity": "sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.19.6",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.19.6.tgz",
-      "integrity": "sha512-D2Ue4KHpc6Ys2+AxpIx1BZ8+UegLLLE2p3KJEuJRKmokHOtl49jQ5ny1773KsGLZs8MQvBidAF6yWUJxRqtKtg==",
-      "dev": true,
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.0.tgz",
+      "integrity": "sha512-PuxUbxcW6ZYe656yL3EAhpy7qXKq0DmYsrJLpbB8XrsCP9Nm+XCg9XFMb5vIDliPD7+U/+M+QJlH17XOcB7eXA==",
       "dependencies": {
-        "@ampproject/remapping": "^2.1.0",
+        "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.19.6",
-        "@babel/helper-compilation-targets": "^7.19.3",
-        "@babel/helper-module-transforms": "^7.19.6",
-        "@babel/helpers": "^7.19.4",
-        "@babel/parser": "^7.19.6",
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.19.6",
-        "@babel/types": "^7.19.4",
+        "@babel/generator": "^7.21.0",
+        "@babel/helper-compilation-targets": "^7.20.7",
+        "@babel/helper-module-transforms": "^7.21.0",
+        "@babel/helpers": "^7.21.0",
+        "@babel/parser": "^7.21.0",
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.21.0",
+        "@babel/types": "^7.21.0",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.1",
+        "json5": "^2.2.2",
         "semver": "^6.3.0"
       },
       "engines": {
@@ -399,19 +397,18 @@
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
       "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "dev": true,
       "bin": {
         "semver": "bin/semver.js"
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.1.tgz",
-      "integrity": "sha512-u1dMdBUmA7Z0rBB97xh8pIhviK7oItYOkjbsCxTWMknyvbQRBwX7/gn4JXurRdirWMFh+ZtYARqkA6ydogVZpg==",
-      "dev": true,
+      "version": "7.21.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.1.tgz",
+      "integrity": "sha512-1lT45bAYlQhFn/BHivJs43AiW2rg3/UbLyShGfF3C0KmHvO5fSghWd5kBJy30kpRRucGzXStvnnCFniCR2kXAA==",
       "dependencies": {
-        "@babel/types": "^7.20.0",
+        "@babel/types": "^7.21.0",
         "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
       },
       "engines": {
@@ -422,7 +419,6 @@
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
       "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.0.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -445,14 +441,14 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.0.tgz",
-      "integrity": "sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ==",
-      "dev": true,
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz",
+      "integrity": "sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==",
       "dependencies": {
-        "@babel/compat-data": "^7.20.0",
+        "@babel/compat-data": "^7.20.5",
         "@babel/helper-validator-option": "^7.18.6",
         "browserslist": "^4.21.3",
+        "lru-cache": "^5.1.1",
         "semver": "^6.3.0"
       },
       "engines": {
@@ -462,15 +458,27 @@
         "@babel/core": "^7.0.0"
       }
     },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
     "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
       "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "dev": true,
       "bin": {
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+    },
     "node_modules/@babel/helper-create-class-features-plugin": {
       "version": "7.19.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.19.0.tgz",
@@ -496,19 +504,17 @@
       "version": "7.18.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz",
       "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==",
-      "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-function-name": {
-      "version": "7.19.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz",
-      "integrity": "sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==",
-      "dev": true,
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
+      "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
       "dependencies": {
-        "@babel/template": "^7.18.10",
-        "@babel/types": "^7.19.0"
+        "@babel/template": "^7.20.7",
+        "@babel/types": "^7.21.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -518,7 +524,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
       "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
-      "dev": true,
       "dependencies": {
         "@babel/types": "^7.18.6"
       },
@@ -542,7 +547,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz",
       "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==",
-      "dev": true,
       "dependencies": {
         "@babel/types": "^7.18.6"
       },
@@ -551,19 +555,18 @@
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.19.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.19.6.tgz",
-      "integrity": "sha512-fCmcfQo/KYr/VXXDIyd3CBGZ6AFhPFy1TfSEJ+PilGVlQT6jcbqtHAM4C1EciRqMza7/TpOUZliuSH+U6HAhJw==",
-      "dev": true,
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz",
+      "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==",
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.18.9",
         "@babel/helper-module-imports": "^7.18.6",
-        "@babel/helper-simple-access": "^7.19.4",
+        "@babel/helper-simple-access": "^7.20.2",
         "@babel/helper-split-export-declaration": "^7.18.6",
         "@babel/helper-validator-identifier": "^7.19.1",
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.19.6",
-        "@babel/types": "^7.19.4"
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.21.2",
+        "@babel/types": "^7.21.2"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -607,12 +610,11 @@
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.19.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.19.4.tgz",
-      "integrity": "sha512-f9Xq6WqBFqaDfbCzn2w85hwklswz5qsKlh7f08w4Y9yhJHpnNC0QemtSkK5YyOY8kPGvyiwdzZksGUhnGdaUIg==",
-      "dev": true,
+      "version": "7.20.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz",
+      "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==",
       "dependencies": {
-        "@babel/types": "^7.19.4"
+        "@babel/types": "^7.20.2"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -622,7 +624,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
       "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
-      "dev": true,
       "dependencies": {
         "@babel/types": "^7.18.6"
       },
@@ -634,7 +635,6 @@
       "version": "7.19.4",
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz",
       "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==",
-      "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -643,29 +643,26 @@
       "version": "7.19.1",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz",
       "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==",
-      "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz",
-      "integrity": "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==",
-      "dev": true,
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz",
+      "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.1.tgz",
-      "integrity": "sha512-J77mUVaDTUJFZ5BpP6mMn6OIl3rEWymk2ZxDBQJUG3P+PbmyMcF3bYWvz0ma69Af1oobDqT/iAsvzhB58xhQUg==",
-      "dev": true,
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.0.tgz",
+      "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==",
       "dependencies": {
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.20.1",
-        "@babel/types": "^7.20.0"
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.21.0",
+        "@babel/types": "^7.21.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -675,7 +672,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
       "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
-      "dev": true,
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.18.6",
         "chalk": "^2.0.0",
@@ -689,7 +685,6 @@
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^1.9.0"
       },
@@ -701,7 +696,6 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^3.2.1",
         "escape-string-regexp": "^1.0.5",
@@ -715,7 +709,6 @@
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
       "dependencies": {
         "color-name": "1.1.3"
       }
@@ -723,14 +716,12 @@
     "node_modules/@babel/highlight/node_modules/color-name": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
     },
     "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
       "engines": {
         "node": ">=0.8.0"
       }
@@ -739,7 +730,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -748,7 +738,6 @@
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^3.0.0"
       },
@@ -757,9 +746,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.1.tgz",
-      "integrity": "sha512-hp0AYxaZJhxULfM1zyp7Wgr+pSUKBcP3M+PHnSzWGdXOzg/kHWIgiUWARvubhUKGOEw3xqY4x+lyZ9ytBVcELw==",
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.2.tgz",
+      "integrity": "sha512-URpaIJQwEkEC2T9Kn+Ai6Xe/02iNaVCuT/PtoRz3GPVJVDpPd7mLo+VddTbhCRU9TXqW5mSrQfXZyi8kDKOVpQ==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -826,42 +815,39 @@
       }
     },
     "node_modules/@babel/standalone": {
-      "version": "7.19.2",
-      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.19.2.tgz",
-      "integrity": "sha512-p+U+TYGevnPUemfHeQVFwABp9kWe5+h20MKxCzvyeAD1SIm7tlvo6lGRFz1WakAxmVZvLz7WDuWjwdC8FZKp+A==",
-      "dev": true,
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.21.2.tgz",
+      "integrity": "sha512-ySP/TJcyqMJVg1M/lmnPVi6L+F+IJpQ4+0lqtf723LERbk1N8/0JgLgm346cRAzfHaoXkLq/M/mJBd2uo25RBA==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.18.10",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz",
-      "integrity": "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==",
-      "dev": true,
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
+      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
       "dependencies": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.18.10",
-        "@babel/types": "^7.18.10"
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.1.tgz",
-      "integrity": "sha512-d3tN8fkVJwFLkHkBN479SOsw4DMZnz8cdbL/gvuDuzy3TS6Nfw80HuQqhw1pITbIruHyh7d1fMA47kWzmcUEGA==",
-      "dev": true,
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.2.tgz",
+      "integrity": "sha512-ts5FFU/dSUPS13tv8XiEObDu9K+iagEKME9kAbaP7r0Y9KtZJZ+NGndDvWoRAYNpeWafbpFeki3q9QoMD6gxyw==",
       "dependencies": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.1",
+        "@babel/generator": "^7.21.1",
         "@babel/helper-environment-visitor": "^7.18.9",
-        "@babel/helper-function-name": "^7.19.0",
+        "@babel/helper-function-name": "^7.21.0",
         "@babel/helper-hoist-variables": "^7.18.6",
         "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.20.1",
-        "@babel/types": "^7.20.0",
+        "@babel/parser": "^7.21.2",
+        "@babel/types": "^7.21.2",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -870,10 +856,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.0.tgz",
-      "integrity": "sha512-Jlgt3H0TajCW164wkTOTzHkZb075tMQMULzrLUoUeKmO7eFL96GgDxf7/Axhc5CAuKE3KFyVW1p6ysKsi2oXAg==",
-      "dev": true,
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.2.tgz",
+      "integrity": "sha512-3wRZSs7jiFaB8AjxiiD+VqN5DTG2iRvJGQ+qYFrs/654lg6kGTQWIOFjlBo5RaXuAZjBmP3+OQH4dmhqiiyYxw==",
       "dependencies": {
         "@babel/helper-string-parser": "^7.19.4",
         "@babel/helper-validator-identifier": "^7.19.1",
@@ -1509,7 +1494,6 @@
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
       "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.0.0",
         "@jridgewell/sourcemap-codec": "^1.4.10"
@@ -1519,10 +1503,9 @@
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.0.7.tgz",
-      "integrity": "sha512-8cXDaBBHOr2pQ7j77Y6Vp5VDT2sIqWyWQ56TjEq4ih/a4iST3dItRe8Q9fp0rrIl9DoKhWQtUQz/YpOxLkXbNA==",
-      "dev": true,
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -1531,7 +1514,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.1.tgz",
       "integrity": "sha512-Ct5MqZkLGEXTVmQYbGtx9SVqD2fqwvdubdps5D3djjAkgkKwT918VNOz65pEHFaYTeWcukmJmH5SwsA9Tn2ObQ==",
-      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -1561,19 +1543,17 @@
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.13.tgz",
-      "integrity": "sha512-GryiOJmNcWbovBxTfZSF71V/mXbgcV3MewDe3kIMCLyIh5e7SKAeUZs+rMnJ8jkMolZ/4/VsdBmMrw3l+VdZ3w==",
-      "dev": true
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.13.tgz",
-      "integrity": "sha512-o1xbKhp9qnIAoHJSWd6KlCZfqslL4valSF81H8ImioOAxluWYWOpWkpyktY2vnt4tbrX9XYaxovq6cgowaJp2w==",
-      "dev": true,
+      "version": "0.3.17",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz",
+      "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==",
       "dependencies": {
-        "@jridgewell/resolve-uri": "^3.0.3",
-        "@jridgewell/sourcemap-codec": "^1.4.10"
+        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/sourcemap-codec": "1.4.14"
       }
     },
     "node_modules/@mapbox/node-pre-gyp": {
@@ -1707,7 +1687,6 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -1720,7 +1699,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -1729,7 +1707,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -2611,6 +2588,252 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/@pinia/nuxt": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/@pinia/nuxt/-/nuxt-0.4.7.tgz",
+      "integrity": "sha512-ifgA9PO/jmPlK1e/HtkrZa7OMSL8EUOpo8Z1O5vNLRr/OZ42kKGEaY1NbIoCz6dIf/pbkATTNHJmcrlPCo3zSA==",
+      "dependencies": {
+        "@nuxt/kit": "^3.0.0",
+        "pinia": ">=2.0.31"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/@nuxt/kit": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.2.3.tgz",
+      "integrity": "sha512-wcsVlQLwGkh1cRhAFWHc3uYHdIxFTRNdRUzNyfqoX9DL0Fuga3K75q/PBY0xg1viA9R6F5BMPhc7KDLSWbXtWg==",
+      "dependencies": {
+        "@nuxt/schema": "3.2.3",
+        "c12": "^1.1.2",
+        "consola": "^2.15.3",
+        "defu": "^6.1.2",
+        "globby": "^13.1.3",
+        "hash-sum": "^2.0.0",
+        "ignore": "^5.2.4",
+        "jiti": "^1.17.1",
+        "knitwork": "^1.0.0",
+        "lodash.template": "^4.5.0",
+        "mlly": "^1.1.1",
+        "pathe": "^1.1.0",
+        "pkg-types": "^1.0.2",
+        "scule": "^1.0.0",
+        "semver": "^7.3.8",
+        "unctx": "^2.1.2",
+        "unimport": "^2.2.4",
+        "untyped": "^1.2.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || ^16.10.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/@nuxt/schema": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/schema/-/schema-3.2.3.tgz",
+      "integrity": "sha512-AXzRnBivCwn5RpNFWjUkvOPGPSHl5BM+6GfOpSNglPXi0tiQJ+rawSl7no7BkxGDmQ44Bx9AXwvHTrgjpcuo4g==",
+      "dependencies": {
+        "c12": "^1.1.2",
+        "create-require": "^1.1.1",
+        "defu": "^6.1.2",
+        "hookable": "^5.4.2",
+        "jiti": "^1.17.1",
+        "pathe": "^1.1.0",
+        "pkg-types": "^1.0.2",
+        "postcss-import-resolver": "^2.0.0",
+        "scule": "^1.0.0",
+        "std-env": "^3.3.2",
+        "ufo": "^1.1.1",
+        "unimport": "^2.2.4",
+        "untyped": "^1.2.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || ^16.10.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/@rollup/pluginutils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
+      "integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
+    "node_modules/@pinia/nuxt/node_modules/@types/estree": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+      "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ=="
+    },
+    "node_modules/@pinia/nuxt/node_modules/c12": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-1.1.2.tgz",
+      "integrity": "sha512-fHT5HDEHNMb2oImnqJ88/UlpEOkY/chdyYxSd3YCpvBqBvU0IDlHTkNc7GnjObDMxdis2lL+rwlQcNq8VeZESA==",
+      "dependencies": {
+        "defu": "^6.1.2",
+        "dotenv": "^16.0.3",
+        "giget": "^1.1.0",
+        "jiti": "^1.17.1",
+        "mlly": "^1.1.1",
+        "pathe": "^1.1.0",
+        "pkg-types": "^1.0.2",
+        "rc9": "^2.0.1"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/knitwork": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/knitwork/-/knitwork-1.0.0.tgz",
+      "integrity": "sha512-dWl0Dbjm6Xm+kDxhPQJsCBTxrJzuGl0aP9rhr+TG8D3l+GL90N8O8lYUi7dTSAN2uuDqCtNgb6aEuQH5wsiV8Q=="
+    },
+    "node_modules/@pinia/nuxt/node_modules/magic-string": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.13"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/mlly": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.1.1.tgz",
+      "integrity": "sha512-Jnlh4W/aI4GySPo6+DyTN17Q75KKbLTyFK8BrGhjNP4rxuUjbRWhE6gHg3bs33URWAF44FRm7gdQA348i3XxRw==",
+      "dependencies": {
+        "acorn": "^8.8.2",
+        "pathe": "^1.1.0",
+        "pkg-types": "^1.0.1",
+        "ufo": "^1.1.0"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/pathe": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.0.tgz",
+      "integrity": "sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w=="
+    },
+    "node_modules/@pinia/nuxt/node_modules/pkg-types": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.2.tgz",
+      "integrity": "sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==",
+      "dependencies": {
+        "jsonc-parser": "^3.2.0",
+        "mlly": "^1.1.1",
+        "pathe": "^1.1.0"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/rc9": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/rc9/-/rc9-2.0.1.tgz",
+      "integrity": "sha512-9EfjLgNmzP9255YX8bGnILQcmdtOXKtUlFTu8bOZPJVtaUDZ2imswcUdpK51tMjTRQyB7r5RebNijrzuyGXcVA==",
+      "dependencies": {
+        "defu": "^6.1.2",
+        "destr": "^1.2.2",
+        "flat": "^5.0.2"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/scule": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/scule/-/scule-1.0.0.tgz",
+      "integrity": "sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ=="
+    },
+    "node_modules/@pinia/nuxt/node_modules/strip-literal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.0.1.tgz",
+      "integrity": "sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==",
+      "dependencies": {
+        "acorn": "^8.8.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/ufo": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.1.tgz",
+      "integrity": "sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg=="
+    },
+    "node_modules/@pinia/nuxt/node_modules/unctx": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/unctx/-/unctx-2.1.2.tgz",
+      "integrity": "sha512-KK18aLRKe3OlbPyHbXAkIWSU3xK8GInomXfA7fzDMGFXQ1crX1UWrCzKesVXeUyHIayHUrnTvf87IPCKMyeKTg==",
+      "dependencies": {
+        "acorn": "^8.8.2",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.27.0",
+        "unplugin": "^1.0.1"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/unimport": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-2.2.4.tgz",
+      "integrity": "sha512-qMgmeEGqqrrmEtm0dqxMG37J6xBtrriqxq9hILvDb+e6l2F0yTnJomLoCCp0eghLR7bYGeBsUU5Y0oyiUYhViw==",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.2",
+        "escape-string-regexp": "^5.0.0",
+        "fast-glob": "^3.2.12",
+        "local-pkg": "^0.4.3",
+        "magic-string": "^0.27.0",
+        "mlly": "^1.1.0",
+        "pathe": "^1.1.0",
+        "pkg-types": "^1.0.1",
+        "scule": "^1.0.0",
+        "strip-literal": "^1.0.0",
+        "unplugin": "^1.0.1"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/unplugin": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.1.0.tgz",
+      "integrity": "sha512-I8obQ8Rs/hnkxokRV6g8JKOQFgYNnTd9DL58vcSt5IJ9AkK8wbrtsnzD5hi4BJlvcY536JzfEXj9L6h7j559/A==",
+      "dependencies": {
+        "acorn": "^8.8.2",
+        "chokidar": "^3.5.3",
+        "webpack-sources": "^3.2.3",
+        "webpack-virtual-modules": "^0.5.0"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/untyped": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/untyped/-/untyped-1.2.2.tgz",
+      "integrity": "sha512-EANYd5L6AdpgfldlgMcmvOOnj092nWhy0ybhc7uhEH12ipytDYz89EOegBQKj8qWL3u1wgYnmFjADhsuCJs5Aw==",
+      "dependencies": {
+        "@babel/core": "^7.20.12",
+        "@babel/standalone": "^7.20.12",
+        "@babel/types": "^7.20.7",
+        "scule": "^1.0.0"
+      }
+    },
+    "node_modules/@pinia/nuxt/node_modules/webpack-virtual-modules": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
+      "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw=="
+    },
     "node_modules/@polka/url": {
       "version": "1.0.0-next.21",
       "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz",
@@ -3543,31 +3766,6 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@vue-flow/core/node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vue-flow/core/node_modules/@vueuse/metadata": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.3.0.tgz",
@@ -3587,31 +3785,6 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@vue-flow/core/node_modules/@vueuse/shared/node_modules/vue-demi": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vue/babel-helper-vue-transform-on": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.2.tgz",
@@ -3706,9 +3879,9 @@
       }
     },
     "node_modules/@vue/devtools-api": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.2.1.tgz",
-      "integrity": "sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ=="
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz",
+      "integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
     },
     "node_modules/@vue/reactivity": {
       "version": "3.2.41",
@@ -3791,31 +3964,6 @@
         "vue-demi": "^0.13.4"
       }
     },
-    "node_modules/@vuelidate/core/node_modules/vue-demi": {
-      "version": "0.13.8",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.8.tgz",
-      "integrity": "sha512-Vy1zbZhCOdsmvGR6tJhAvO5vhP7eiS8xkbYQSoVa7o6KlIy3W8Rc53ED4qI4qpeRDjv3mLfXSEpYU6Yq4pgXRg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vuelidate/validators": {
       "version": "2.0.0-alpha.31",
       "resolved": "https://registry.npmjs.org/@vuelidate/validators/-/validators-2.0.0-alpha.31.tgz",
@@ -3824,31 +3972,6 @@
         "vue-demi": "^0.13.4"
       }
     },
-    "node_modules/@vuelidate/validators/node_modules/vue-demi": {
-      "version": "0.13.8",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.8.tgz",
-      "integrity": "sha512-Vy1zbZhCOdsmvGR6tJhAvO5vhP7eiS8xkbYQSoVa7o6KlIy3W8Rc53ED4qI4qpeRDjv3mLfXSEpYU6Yq4pgXRg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vueuse/core": {
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.0.2.tgz",
@@ -3857,35 +3980,10 @@
         "@types/web-bluetooth": "^0.0.15",
         "@vueuse/metadata": "9.0.2",
         "@vueuse/shared": "9.0.2",
-        "vue-demi": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.13.6",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
-      "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/head": {
@@ -3914,32 +4012,6 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@vueuse/head/node_modules/@vueuse/shared/node_modules/vue-demi": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vueuse/integrations": {
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-9.0.2.tgz",
@@ -3997,31 +4069,6 @@
         }
       }
     },
-    "node_modules/@vueuse/integrations/node_modules/vue-demi": {
-      "version": "0.13.6",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
-      "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vueuse/metadata": {
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.0.2.tgz",
@@ -4046,32 +4093,6 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@vueuse/nuxt/node_modules/vue-demi": {
-      "version": "0.13.2",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.2.tgz",
-      "integrity": "sha512-41ukrclEbMddAyP7PvxMSYqnOSzPV6r7GNnyTSKSCNTaz19GehxmTiXyP9kwHSUv2+Dr6hHqiUiF7L1VAw2KdQ==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vueuse/shared": {
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.0.2.tgz",
@@ -4083,31 +4104,6 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@vueuse/shared/node_modules/vue-demi": {
-      "version": "0.13.6",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
-      "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -4387,32 +4383,6 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@zhead/schema-vue/node_modules/@vueuse/shared/node_modules/vue-demi": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
@@ -4428,10 +4398,9 @@
       "dev": true
     },
     "node_modules/acorn": {
-      "version": "8.8.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
-      "integrity": "sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==",
-      "dev": true,
+      "version": "8.8.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4508,7 +4477,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
       "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "dev": true,
       "dependencies": {
         "debug": "4"
       },
@@ -4591,7 +4559,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
       "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-      "dev": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -4896,7 +4863,6 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4941,7 +4907,6 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
       "dependencies": {
         "fill-range": "^7.0.1"
       },
@@ -4961,7 +4926,6 @@
       "version": "4.21.4",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
       "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -5132,7 +5096,6 @@
       "version": "1.0.30001430",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001430.tgz",
       "integrity": "sha512-IB1BXTZKPDVPM7cnV4iaKaHxckvdr/3xtctB3f7Hmenx3qYBhGtTZ//7EllK66aKXW98Lx0+7Yr0kxBtIt3tzg==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -5405,7 +5368,6 @@
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
       "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -5661,8 +5623,7 @@
     "node_modules/colorette": {
       "version": "2.0.19",
       "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
-      "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
-      "dev": true
+      "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ=="
     },
     "node_modules/combined-stream": {
       "version": "1.0.8",
@@ -5788,8 +5749,7 @@
     "node_modules/consola": {
       "version": "2.15.3",
       "resolved": "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz",
-      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
-      "dev": true
+      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw=="
     },
     "node_modules/console-control-strings": {
       "version": "1.1.0",
@@ -5801,7 +5761,6 @@
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
       "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==",
-      "dev": true,
       "dependencies": {
         "safe-buffer": "~5.1.1"
       }
@@ -5839,8 +5798,7 @@
     "node_modules/core-util-is": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
-      "dev": true
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
     "node_modules/crc-32": {
       "version": "1.2.2",
@@ -5869,8 +5827,7 @@
     "node_modules/create-require": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
-      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-      "dev": true
+      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ=="
     },
     "node_modules/cross-fetch": {
       "version": "3.1.5",
@@ -6494,10 +6451,9 @@
       }
     },
     "node_modules/defu": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.0.tgz",
-      "integrity": "sha512-pOFYRTIhoKujrmbTRhcW5lYQLBXw/dlTwfI8IguF1QCDJOcJzNH1w+YFjxqy6BAuJrClTy6MUE8q+oKJ2FLsIw==",
-      "dev": true
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
+      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ=="
     },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
@@ -6532,10 +6488,9 @@
       }
     },
     "node_modules/destr": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destr/-/destr-1.2.0.tgz",
-      "integrity": "sha512-JG+cG4ZPB1L27sl2C2URg8MIOmIUtTbE5wEx02BpmrTCqg/hXxFKXsYsnODl5PdpqNRaS1KQGUQ56V8jk8XpYQ==",
-      "dev": true
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/destr/-/destr-1.2.2.tgz",
+      "integrity": "sha512-lrbCJwD9saUQrqUfXvl6qoM+QN3W7tLV5pAOs+OqOmopCCz/JkE05MHedJR1xfk4IAnZuJXPVuN5+7jNA2ZCiA=="
     },
     "node_modules/destroy": {
       "version": "1.2.0",
@@ -6565,7 +6520,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
       "dependencies": {
         "path-type": "^4.0.0"
       },
@@ -6711,7 +6665,6 @@
       "version": "16.0.3",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz",
       "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==",
-      "dev": true,
       "engines": {
         "node": ">=12"
       }
@@ -6736,8 +6689,7 @@
     "node_modules/electron-to-chromium": {
       "version": "1.4.257",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.257.tgz",
-      "integrity": "sha512-C65sIwHqNnPC2ADMfse/jWTtmhZMII+x6ADI9gENzrOiI7BpxmfKFE84WkIEl5wEg+7+SfIkwChDlsd1Erju2A==",
-      "dev": true
+      "integrity": "sha512-C65sIwHqNnPC2ADMfse/jWTtmhZMII+x6ADI9gENzrOiI7BpxmfKFE84WkIEl5wEg+7+SfIkwChDlsd1Erju2A=="
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -6843,7 +6795,6 @@
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
       "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
-      "dev": true,
       "dependencies": {
         "prr": "~1.0.1"
       },
@@ -7290,7 +7241,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
       "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -7305,7 +7255,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
       "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
-      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -8381,7 +8330,6 @@
       "version": "3.2.12",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
       "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -8408,7 +8356,6 @@
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
       "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -8479,7 +8426,6 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -8557,7 +8503,6 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
       "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
-      "dev": true,
       "bin": {
         "flat": "cli.js"
       }
@@ -8727,7 +8672,6 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -8820,7 +8764,6 @@
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -8910,6 +8853,121 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/giget": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-1.1.2.tgz",
+      "integrity": "sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==",
+      "dependencies": {
+        "colorette": "^2.0.19",
+        "defu": "^6.1.2",
+        "https-proxy-agent": "^5.0.1",
+        "mri": "^1.2.0",
+        "node-fetch-native": "^1.0.2",
+        "pathe": "^1.1.0",
+        "tar": "^6.1.13"
+      },
+      "bin": {
+        "giget": "dist/cli.mjs"
+      }
+    },
+    "node_modules/giget/node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/giget/node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/giget/node_modules/fs-minipass/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/giget/node_modules/minipass": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-4.2.4.tgz",
+      "integrity": "sha512-lwycX3cBMTvcejsHITUgYj6Gy6A7Nh4Q6h9NP4sTHY1ccJlC7yKzDmiShEHsJ16Jf1nKGDEaiHxiltsJEvk0nQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/giget/node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/giget/node_modules/minizlib/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/giget/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/giget/node_modules/node-fetch-native": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.0.2.tgz",
+      "integrity": "sha512-KIkvH1jl6b3O7es/0ShyCgWLcfXxlBrLBbP3rOr23WArC66IMcU4DeZEeYEOwnopYhawLTn7/y+YtmASe8DFVQ=="
+    },
+    "node_modules/giget/node_modules/pathe": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.0.tgz",
+      "integrity": "sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w=="
+    },
+    "node_modules/giget/node_modules/tar": {
+      "version": "6.1.13",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.13.tgz",
+      "integrity": "sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==",
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^4.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/git-config-path": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/git-config-path/-/git-config-path-2.0.0.tgz",
@@ -8987,7 +9045,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -9007,16 +9064,14 @@
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
       "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/globby": {
-      "version": "13.1.2",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-13.1.2.tgz",
-      "integrity": "sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==",
-      "dev": true,
+      "version": "13.1.3",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-13.1.3.tgz",
+      "integrity": "sha512-8krCNHXvlCgHDpegPzleMq07yMYTO2sXKASmZmquEYWEmCx6J5UTRbp5RwMJkTJGtcQ44YpiUYUiN0b9mzy8Bw==",
       "dependencies": {
         "dir-glob": "^3.0.1",
         "fast-glob": "^3.2.11",
@@ -9259,8 +9314,7 @@
     "node_modules/hash-sum": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
-      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
-      "dev": true
+      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg=="
     },
     "node_modules/he": {
       "version": "1.2.0",
@@ -9272,10 +9326,9 @@
       }
     },
     "node_modules/hookable": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.4.1.tgz",
-      "integrity": "sha512-i808BglQ1OuSIcgPSZoWsDapCMLXKe5wLS6XZvIXpaBWdWLUZARM8vOLayu6cXewj5TSbaZaMzKnq+pRnfscEQ==",
-      "dev": true
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.4.2.tgz",
+      "integrity": "sha512-6rOvaUiNKy9lET1X0ECnyZ5O5kSV0PJbtA5yZUgdEF7fGJEVwSLSislltyt7nFwVVALYHQJtfGeAR2Y0A0uJkg=="
     },
     "node_modules/hosted-git-info": {
       "version": "2.8.9",
@@ -9473,7 +9526,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
       "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "dev": true,
       "dependencies": {
         "agent-base": "6",
         "debug": "4"
@@ -9635,10 +9687,9 @@
       ]
     },
     "node_modules/ignore": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "dev": true,
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
       "engines": {
         "node": ">= 4"
       }
@@ -9740,8 +9791,7 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/ini": {
       "version": "1.3.8",
@@ -9929,7 +9979,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -10036,7 +10085,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10053,7 +10101,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -10105,7 +10152,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -10322,8 +10368,7 @@
     "node_modules/isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
     },
     "node_modules/isexe": {
       "version": "2.0.0",
@@ -10354,10 +10399,9 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.16.0.tgz",
-      "integrity": "sha512-L3BJStEf5NAqNuzrpfbN71dp43mYIcBUlCRea/vdyv5dW/AYa1d4bpelko4SHdY3I6eN9Wzyasxirj1/vv5kmg==",
-      "dev": true,
+      "version": "1.17.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.17.2.tgz",
+      "integrity": "sha512-Xf0nU8+8wuiQpLcqdb2HRyHqYwGk2Pd+F7kstyp20ZuqTyCmB9dqpX2NxaxFc1kovraa2bG6c1RL3W7XfapiZg==",
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -10539,7 +10583,6 @@
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
       "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "dev": true,
       "bin": {
         "jsesc": "bin/jsesc"
       },
@@ -10563,7 +10606,6 @@
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true,
       "bin": {
         "json5": "lib/cli.js"
       },
@@ -10592,8 +10634,7 @@
     "node_modules/jsonc-parser": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
-      "dev": true
+      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w=="
     },
     "node_modules/jsonfile": {
       "version": "6.1.0",
@@ -10864,10 +10905,9 @@
       }
     },
     "node_modules/local-pkg": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.2.tgz",
-      "integrity": "sha512-mlERgSPrbxU3BP4qBqAvvwlgW4MTg78iwJdGGnv7kibKjWcJksrG3t6LB5lXI93wXRDvG4NpUgJFmTG4T6rdrg==",
-      "dev": true,
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
+      "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
       "engines": {
         "node": ">=14"
       },
@@ -10914,8 +10954,7 @@
     "node_modules/lodash._reinterpolate": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
-      "integrity": "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==",
-      "dev": true
+      "integrity": "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA=="
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -10975,7 +11014,6 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz",
       "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
-      "dev": true,
       "dependencies": {
         "lodash._reinterpolate": "^3.0.0",
         "lodash.templatesettings": "^4.0.0"
@@ -10985,7 +11023,6 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
       "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
-      "dev": true,
       "dependencies": {
         "lodash._reinterpolate": "^3.0.0"
       }
@@ -11042,7 +11079,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -11133,7 +11169,6 @@
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
       "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
-      "dev": true,
       "dependencies": {
         "errno": "^0.1.3",
         "readable-stream": "^2.0.1"
@@ -11146,7 +11181,6 @@
       "version": "2.3.7",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
       "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-      "dev": true,
       "dependencies": {
         "core-util-is": "~1.0.0",
         "inherits": "~2.0.3",
@@ -11161,7 +11195,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
       "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
       "dependencies": {
         "safe-buffer": "~5.1.0"
       }
@@ -11176,7 +11209,6 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -11205,7 +11237,6 @@
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
       "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
       "dependencies": {
         "braces": "^3.0.2",
         "picomatch": "^2.3.1"
@@ -11383,7 +11414,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
       "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -12108,8 +12138,7 @@
     "node_modules/node-releases": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz",
-      "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==",
-      "dev": true
+      "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg=="
     },
     "node_modules/nopt": {
       "version": "5.0.0",
@@ -12151,7 +12180,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -12945,7 +12973,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -12988,7 +13015,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -13005,6 +13031,31 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/pinia": {
+      "version": "2.0.33",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.33.tgz",
+      "integrity": "sha512-HOj1yVV2itw6rNIrR2f7+MirGNxhORjrULL8GWgRwXsGSvEqIQ+SE0MYt6cwtpegzCda3i+rVTZM+AM7CG+kRg==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/pinkie": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-1.0.0.tgz",
@@ -13191,7 +13242,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/postcss-import-resolver/-/postcss-import-resolver-2.0.0.tgz",
       "integrity": "sha512-y001XYgGvVwgxyxw9J1a5kqM/vtmIQGzx34g0A0Oy44MFcy/ZboZw1hu/iN3VYFjSTRzbvd7zZJJz0Kh0AGkTw==",
-      "dev": true,
       "dependencies": {
         "enhanced-resolve": "^4.1.1"
       }
@@ -13200,7 +13250,6 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz",
       "integrity": "sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==",
-      "dev": true,
       "dependencies": {
         "graceful-fs": "^4.1.2",
         "memory-fs": "^0.5.0",
@@ -13214,7 +13263,6 @@
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
       "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -13668,8 +13716,7 @@
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
-      "dev": true
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
     },
     "node_modules/promise": {
       "version": "8.1.0",
@@ -13700,8 +13747,7 @@
     "node_modules/prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
-      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
-      "dev": true
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw=="
     },
     "node_modules/psl": {
       "version": "1.9.0",
@@ -13917,7 +13963,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -14177,7 +14222,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -14324,7 +14368,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -14349,7 +14392,7 @@
       "version": "2.79.1",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
       "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
-      "dev": true,
+      "devOptional": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -14477,7 +14520,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -14508,8 +14550,7 @@
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
     },
     "node_modules/safe-regex": {
       "version": "2.1.1",
@@ -14652,7 +14693,6 @@
       "version": "7.3.8",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
       "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
-      "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -14916,7 +14956,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
       "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
-      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -15073,10 +15112,9 @@
       }
     },
     "node_modules/std-env": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.3.0.tgz",
-      "integrity": "sha512-cNNS+VYsXIs5gI6gJipO4qZ8YYT274JHvNnQ1/R/x8Q8mdP0qj0zoMchRXmBNPqp/0eOEhX+3g7g6Fgb7meLIQ==",
-      "dev": true
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.3.2.tgz",
+      "integrity": "sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA=="
     },
     "node_modules/stream-combiner": {
       "version": "0.0.4",
@@ -15687,7 +15725,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
       "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -15696,7 +15733,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -15862,7 +15898,7 @@
       "version": "4.7.4",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.4.tgz",
       "integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==",
-      "dev": true,
+      "devOptional": true,
       "peer": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -16272,7 +16308,6 @@
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz",
       "integrity": "sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -16305,8 +16340,7 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/utils-merge": {
       "version": "1.0.1",
@@ -17104,6 +17138,31 @@
         "ufo": "^0.8.6"
       }
     },
+    "node_modules/vue-demi": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/vue-devtools-stub": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/vue-devtools-stub/-/vue-devtools-stub-0.1.0.tgz",
@@ -17385,7 +17444,6 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
       "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
       "engines": {
         "node": ">=10.13.0"
       }
@@ -17788,8 +17846,7 @@
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/yaml": {
       "version": "1.10.2",
@@ -17905,7 +17962,6 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
       "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==",
-      "dev": true,
       "requires": {
         "@jridgewell/gen-mapping": "^0.1.0",
         "@jridgewell/trace-mapping": "^0.3.9"
@@ -18072,56 +18128,52 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
       "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==",
-      "dev": true,
       "requires": {
         "@babel/highlight": "^7.18.6"
       }
     },
     "@babel/compat-data": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.1.tgz",
-      "integrity": "sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ==",
-      "dev": true
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.0.tgz",
+      "integrity": "sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g=="
     },
     "@babel/core": {
-      "version": "7.19.6",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.19.6.tgz",
-      "integrity": "sha512-D2Ue4KHpc6Ys2+AxpIx1BZ8+UegLLLE2p3KJEuJRKmokHOtl49jQ5ny1773KsGLZs8MQvBidAF6yWUJxRqtKtg==",
-      "dev": true,
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.0.tgz",
+      "integrity": "sha512-PuxUbxcW6ZYe656yL3EAhpy7qXKq0DmYsrJLpbB8XrsCP9Nm+XCg9XFMb5vIDliPD7+U/+M+QJlH17XOcB7eXA==",
       "requires": {
-        "@ampproject/remapping": "^2.1.0",
+        "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.19.6",
-        "@babel/helper-compilation-targets": "^7.19.3",
-        "@babel/helper-module-transforms": "^7.19.6",
-        "@babel/helpers": "^7.19.4",
-        "@babel/parser": "^7.19.6",
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.19.6",
-        "@babel/types": "^7.19.4",
+        "@babel/generator": "^7.21.0",
+        "@babel/helper-compilation-targets": "^7.20.7",
+        "@babel/helper-module-transforms": "^7.21.0",
+        "@babel/helpers": "^7.21.0",
+        "@babel/parser": "^7.21.0",
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.21.0",
+        "@babel/types": "^7.21.0",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.1",
+        "json5": "^2.2.2",
         "semver": "^6.3.0"
       },
       "dependencies": {
         "semver": {
           "version": "6.3.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-          "dev": true
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
         }
       }
     },
     "@babel/generator": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.1.tgz",
-      "integrity": "sha512-u1dMdBUmA7Z0rBB97xh8pIhviK7oItYOkjbsCxTWMknyvbQRBwX7/gn4JXurRdirWMFh+ZtYARqkA6ydogVZpg==",
-      "dev": true,
+      "version": "7.21.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.1.tgz",
+      "integrity": "sha512-1lT45bAYlQhFn/BHivJs43AiW2rg3/UbLyShGfF3C0KmHvO5fSghWd5kBJy30kpRRucGzXStvnnCFniCR2kXAA==",
       "requires": {
-        "@babel/types": "^7.20.0",
+        "@babel/types": "^7.21.0",
         "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
       },
       "dependencies": {
@@ -18129,7 +18181,6 @@
           "version": "0.3.2",
           "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
           "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
-          "dev": true,
           "requires": {
             "@jridgewell/set-array": "^1.0.1",
             "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -18148,22 +18199,34 @@
       }
     },
     "@babel/helper-compilation-targets": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.0.tgz",
-      "integrity": "sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ==",
-      "dev": true,
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz",
+      "integrity": "sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==",
       "requires": {
-        "@babel/compat-data": "^7.20.0",
+        "@babel/compat-data": "^7.20.5",
         "@babel/helper-validator-option": "^7.18.6",
         "browserslist": "^4.21.3",
+        "lru-cache": "^5.1.1",
         "semver": "^6.3.0"
       },
       "dependencies": {
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
         "semver": {
           "version": "6.3.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-          "dev": true
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
         }
       }
     },
@@ -18185,24 +18248,21 @@
     "@babel/helper-environment-visitor": {
       "version": "7.18.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz",
-      "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==",
-      "dev": true
+      "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg=="
     },
     "@babel/helper-function-name": {
-      "version": "7.19.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz",
-      "integrity": "sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==",
-      "dev": true,
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
+      "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
       "requires": {
-        "@babel/template": "^7.18.10",
-        "@babel/types": "^7.19.0"
+        "@babel/template": "^7.20.7",
+        "@babel/types": "^7.21.0"
       }
     },
     "@babel/helper-hoist-variables": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
       "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
-      "dev": true,
       "requires": {
         "@babel/types": "^7.18.6"
       }
@@ -18220,25 +18280,23 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz",
       "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==",
-      "dev": true,
       "requires": {
         "@babel/types": "^7.18.6"
       }
     },
     "@babel/helper-module-transforms": {
-      "version": "7.19.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.19.6.tgz",
-      "integrity": "sha512-fCmcfQo/KYr/VXXDIyd3CBGZ6AFhPFy1TfSEJ+PilGVlQT6jcbqtHAM4C1EciRqMza7/TpOUZliuSH+U6HAhJw==",
-      "dev": true,
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz",
+      "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==",
       "requires": {
         "@babel/helper-environment-visitor": "^7.18.9",
         "@babel/helper-module-imports": "^7.18.6",
-        "@babel/helper-simple-access": "^7.19.4",
+        "@babel/helper-simple-access": "^7.20.2",
         "@babel/helper-split-export-declaration": "^7.18.6",
         "@babel/helper-validator-identifier": "^7.19.1",
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.19.6",
-        "@babel/types": "^7.19.4"
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.21.2",
+        "@babel/types": "^7.21.2"
       }
     },
     "@babel/helper-optimise-call-expression": {
@@ -18270,19 +18328,17 @@
       }
     },
     "@babel/helper-simple-access": {
-      "version": "7.19.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.19.4.tgz",
-      "integrity": "sha512-f9Xq6WqBFqaDfbCzn2w85hwklswz5qsKlh7f08w4Y9yhJHpnNC0QemtSkK5YyOY8kPGvyiwdzZksGUhnGdaUIg==",
-      "dev": true,
+      "version": "7.20.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz",
+      "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==",
       "requires": {
-        "@babel/types": "^7.19.4"
+        "@babel/types": "^7.20.2"
       }
     },
     "@babel/helper-split-export-declaration": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
       "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
-      "dev": true,
       "requires": {
         "@babel/types": "^7.18.6"
       }
@@ -18290,37 +18346,32 @@
     "@babel/helper-string-parser": {
       "version": "7.19.4",
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz",
-      "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==",
-      "dev": true
+      "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw=="
     },
     "@babel/helper-validator-identifier": {
       "version": "7.19.1",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz",
-      "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==",
-      "dev": true
+      "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w=="
     },
     "@babel/helper-validator-option": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz",
-      "integrity": "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==",
-      "dev": true
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz",
+      "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ=="
     },
     "@babel/helpers": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.1.tgz",
-      "integrity": "sha512-J77mUVaDTUJFZ5BpP6mMn6OIl3rEWymk2ZxDBQJUG3P+PbmyMcF3bYWvz0ma69Af1oobDqT/iAsvzhB58xhQUg==",
-      "dev": true,
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.0.tgz",
+      "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==",
       "requires": {
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.20.1",
-        "@babel/types": "^7.20.0"
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.21.0",
+        "@babel/types": "^7.21.0"
       }
     },
     "@babel/highlight": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
       "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
-      "dev": true,
       "requires": {
         "@babel/helper-validator-identifier": "^7.18.6",
         "chalk": "^2.0.0",
@@ -18331,7 +18382,6 @@
           "version": "3.2.1",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
           "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
           "requires": {
             "color-convert": "^1.9.0"
           }
@@ -18340,7 +18390,6 @@
           "version": "2.4.2",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
           "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "dev": true,
           "requires": {
             "ansi-styles": "^3.2.1",
             "escape-string-regexp": "^1.0.5",
@@ -18351,7 +18400,6 @@
           "version": "1.9.3",
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
           "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-          "dev": true,
           "requires": {
             "color-name": "1.1.3"
           }
@@ -18359,26 +18407,22 @@
         "color-name": {
           "version": "1.1.3",
           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-          "dev": true
+          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
         },
         "escape-string-regexp": {
           "version": "1.0.5",
           "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-          "dev": true
+          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg=="
         },
         "has-flag": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-          "dev": true
+          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="
         },
         "supports-color": {
           "version": "5.5.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
           "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "dev": true,
           "requires": {
             "has-flag": "^3.0.0"
           }
@@ -18386,9 +18430,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.1.tgz",
-      "integrity": "sha512-hp0AYxaZJhxULfM1zyp7Wgr+pSUKBcP3M+PHnSzWGdXOzg/kHWIgiUWARvubhUKGOEw3xqY4x+lyZ9ytBVcELw=="
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.2.tgz",
+      "integrity": "sha512-URpaIJQwEkEC2T9Kn+Ai6Xe/02iNaVCuT/PtoRz3GPVJVDpPd7mLo+VddTbhCRU9TXqW5mSrQfXZyi8kDKOVpQ=="
     },
     "@babel/plugin-syntax-jsx": {
       "version": "7.18.6",
@@ -18428,45 +18472,41 @@
       }
     },
     "@babel/standalone": {
-      "version": "7.19.2",
-      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.19.2.tgz",
-      "integrity": "sha512-p+U+TYGevnPUemfHeQVFwABp9kWe5+h20MKxCzvyeAD1SIm7tlvo6lGRFz1WakAxmVZvLz7WDuWjwdC8FZKp+A==",
-      "dev": true
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.21.2.tgz",
+      "integrity": "sha512-ySP/TJcyqMJVg1M/lmnPVi6L+F+IJpQ4+0lqtf723LERbk1N8/0JgLgm346cRAzfHaoXkLq/M/mJBd2uo25RBA=="
     },
     "@babel/template": {
-      "version": "7.18.10",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz",
-      "integrity": "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==",
-      "dev": true,
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
+      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
       "requires": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.18.10",
-        "@babel/types": "^7.18.10"
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7"
       }
     },
     "@babel/traverse": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.1.tgz",
-      "integrity": "sha512-d3tN8fkVJwFLkHkBN479SOsw4DMZnz8cdbL/gvuDuzy3TS6Nfw80HuQqhw1pITbIruHyh7d1fMA47kWzmcUEGA==",
-      "dev": true,
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.2.tgz",
+      "integrity": "sha512-ts5FFU/dSUPS13tv8XiEObDu9K+iagEKME9kAbaP7r0Y9KtZJZ+NGndDvWoRAYNpeWafbpFeki3q9QoMD6gxyw==",
       "requires": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.1",
+        "@babel/generator": "^7.21.1",
         "@babel/helper-environment-visitor": "^7.18.9",
-        "@babel/helper-function-name": "^7.19.0",
+        "@babel/helper-function-name": "^7.21.0",
         "@babel/helper-hoist-variables": "^7.18.6",
         "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.20.1",
-        "@babel/types": "^7.20.0",
+        "@babel/parser": "^7.21.2",
+        "@babel/types": "^7.21.2",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       }
     },
     "@babel/types": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.0.tgz",
-      "integrity": "sha512-Jlgt3H0TajCW164wkTOTzHkZb075tMQMULzrLUoUeKmO7eFL96GgDxf7/Axhc5CAuKE3KFyVW1p6ysKsi2oXAg==",
-      "dev": true,
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.2.tgz",
+      "integrity": "sha512-3wRZSs7jiFaB8AjxiiD+VqN5DTG2iRvJGQ+qYFrs/654lg6kGTQWIOFjlBo5RaXuAZjBmP3+OQH4dmhqiiyYxw==",
       "requires": {
         "@babel/helper-string-parser": "^7.19.4",
         "@babel/helper-validator-identifier": "^7.19.1",
@@ -18962,23 +19002,20 @@
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
       "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==",
-      "dev": true,
       "requires": {
         "@jridgewell/set-array": "^1.0.0",
         "@jridgewell/sourcemap-codec": "^1.4.10"
       }
     },
     "@jridgewell/resolve-uri": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.0.7.tgz",
-      "integrity": "sha512-8cXDaBBHOr2pQ7j77Y6Vp5VDT2sIqWyWQ56TjEq4ih/a4iST3dItRe8Q9fp0rrIl9DoKhWQtUQz/YpOxLkXbNA==",
-      "dev": true
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w=="
     },
     "@jridgewell/set-array": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.1.tgz",
-      "integrity": "sha512-Ct5MqZkLGEXTVmQYbGtx9SVqD2fqwvdubdps5D3djjAkgkKwT918VNOz65pEHFaYTeWcukmJmH5SwsA9Tn2ObQ==",
-      "dev": true
+      "integrity": "sha512-Ct5MqZkLGEXTVmQYbGtx9SVqD2fqwvdubdps5D3djjAkgkKwT918VNOz65pEHFaYTeWcukmJmH5SwsA9Tn2ObQ=="
     },
     "@jridgewell/source-map": {
       "version": "0.3.2",
@@ -19004,19 +19041,17 @@
       }
     },
     "@jridgewell/sourcemap-codec": {
-      "version": "1.4.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.13.tgz",
-      "integrity": "sha512-GryiOJmNcWbovBxTfZSF71V/mXbgcV3MewDe3kIMCLyIh5e7SKAeUZs+rMnJ8jkMolZ/4/VsdBmMrw3l+VdZ3w==",
-      "dev": true
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
     },
     "@jridgewell/trace-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.13.tgz",
-      "integrity": "sha512-o1xbKhp9qnIAoHJSWd6KlCZfqslL4valSF81H8ImioOAxluWYWOpWkpyktY2vnt4tbrX9XYaxovq6cgowaJp2w==",
-      "dev": true,
+      "version": "0.3.17",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz",
+      "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==",
       "requires": {
-        "@jridgewell/resolve-uri": "^3.0.3",
-        "@jridgewell/sourcemap-codec": "^1.4.10"
+        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/sourcemap-codec": "1.4.14"
       }
     },
     "@mapbox/node-pre-gyp": {
@@ -19114,7 +19149,6 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
       "requires": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -19123,14 +19157,12 @@
     "@nodelib/fs.stat": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
     },
     "@nodelib/fs.walk": {
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
       "requires": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -19703,35 +19735,259 @@
           "integrity": "sha512-2Sre5A1a7G61bjaAKZnSFaVgbJMwwbbYQpJFH69hAYcDfN7kIaktlSphS02XJilz4+/jR1tsJ5MHo1oMoCezxg==",
           "dev": true,
           "requires": {
-            "@babel/core": "^7.19.0",
-            "@babel/standalone": "^7.19.0",
-            "@babel/types": "^7.19.0",
-            "scule": "^0.3.2"
+            "@babel/core": "^7.19.0",
+            "@babel/standalone": "^7.19.0",
+            "@babel/types": "^7.19.0",
+            "scule": "^0.3.2"
+          }
+        },
+        "vite": {
+          "version": "3.1.8",
+          "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.8.tgz",
+          "integrity": "sha512-m7jJe3nufUbuOfotkntGFupinL/fmuTNuQmiVE7cH2IZMuf4UbfbGYMUT3jVWgGYuRVLY9j8NnrRqgw5rr5QTg==",
+          "dev": true,
+          "requires": {
+            "esbuild": "^0.15.9",
+            "fsevents": "~2.3.2",
+            "postcss": "^8.4.16",
+            "resolve": "^1.22.1",
+            "rollup": "~2.78.0"
+          },
+          "dependencies": {
+            "rollup": {
+              "version": "2.78.1",
+              "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.78.1.tgz",
+              "integrity": "sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==",
+              "dev": true,
+              "requires": {
+                "fsevents": "~2.3.2"
+              }
+            }
+          }
+        }
+      }
+    },
+    "@pinia/nuxt": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/@pinia/nuxt/-/nuxt-0.4.7.tgz",
+      "integrity": "sha512-ifgA9PO/jmPlK1e/HtkrZa7OMSL8EUOpo8Z1O5vNLRr/OZ42kKGEaY1NbIoCz6dIf/pbkATTNHJmcrlPCo3zSA==",
+      "requires": {
+        "@nuxt/kit": "^3.0.0",
+        "pinia": ">=2.0.31"
+      },
+      "dependencies": {
+        "@nuxt/kit": {
+          "version": "3.2.3",
+          "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.2.3.tgz",
+          "integrity": "sha512-wcsVlQLwGkh1cRhAFWHc3uYHdIxFTRNdRUzNyfqoX9DL0Fuga3K75q/PBY0xg1viA9R6F5BMPhc7KDLSWbXtWg==",
+          "requires": {
+            "@nuxt/schema": "3.2.3",
+            "c12": "^1.1.2",
+            "consola": "^2.15.3",
+            "defu": "^6.1.2",
+            "globby": "^13.1.3",
+            "hash-sum": "^2.0.0",
+            "ignore": "^5.2.4",
+            "jiti": "^1.17.1",
+            "knitwork": "^1.0.0",
+            "lodash.template": "^4.5.0",
+            "mlly": "^1.1.1",
+            "pathe": "^1.1.0",
+            "pkg-types": "^1.0.2",
+            "scule": "^1.0.0",
+            "semver": "^7.3.8",
+            "unctx": "^2.1.2",
+            "unimport": "^2.2.4",
+            "untyped": "^1.2.2"
+          }
+        },
+        "@nuxt/schema": {
+          "version": "3.2.3",
+          "resolved": "https://registry.npmjs.org/@nuxt/schema/-/schema-3.2.3.tgz",
+          "integrity": "sha512-AXzRnBivCwn5RpNFWjUkvOPGPSHl5BM+6GfOpSNglPXi0tiQJ+rawSl7no7BkxGDmQ44Bx9AXwvHTrgjpcuo4g==",
+          "requires": {
+            "c12": "^1.1.2",
+            "create-require": "^1.1.1",
+            "defu": "^6.1.2",
+            "hookable": "^5.4.2",
+            "jiti": "^1.17.1",
+            "pathe": "^1.1.0",
+            "pkg-types": "^1.0.2",
+            "postcss-import-resolver": "^2.0.0",
+            "scule": "^1.0.0",
+            "std-env": "^3.3.2",
+            "ufo": "^1.1.1",
+            "unimport": "^2.2.4",
+            "untyped": "^1.2.2"
+          }
+        },
+        "@rollup/pluginutils": {
+          "version": "5.0.2",
+          "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
+          "integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
+          "requires": {
+            "@types/estree": "^1.0.0",
+            "estree-walker": "^2.0.2",
+            "picomatch": "^2.3.1"
+          },
+          "dependencies": {
+            "estree-walker": {
+              "version": "2.0.2",
+              "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+              "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+            }
+          }
+        },
+        "@types/estree": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+          "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ=="
+        },
+        "c12": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/c12/-/c12-1.1.2.tgz",
+          "integrity": "sha512-fHT5HDEHNMb2oImnqJ88/UlpEOkY/chdyYxSd3YCpvBqBvU0IDlHTkNc7GnjObDMxdis2lL+rwlQcNq8VeZESA==",
+          "requires": {
+            "defu": "^6.1.2",
+            "dotenv": "^16.0.3",
+            "giget": "^1.1.0",
+            "jiti": "^1.17.1",
+            "mlly": "^1.1.1",
+            "pathe": "^1.1.0",
+            "pkg-types": "^1.0.2",
+            "rc9": "^2.0.1"
+          }
+        },
+        "estree-walker": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+          "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+          "requires": {
+            "@types/estree": "^1.0.0"
+          }
+        },
+        "knitwork": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/knitwork/-/knitwork-1.0.0.tgz",
+          "integrity": "sha512-dWl0Dbjm6Xm+kDxhPQJsCBTxrJzuGl0aP9rhr+TG8D3l+GL90N8O8lYUi7dTSAN2uuDqCtNgb6aEuQH5wsiV8Q=="
+        },
+        "magic-string": {
+          "version": "0.27.0",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+          "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.13"
+          }
+        },
+        "mlly": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.1.1.tgz",
+          "integrity": "sha512-Jnlh4W/aI4GySPo6+DyTN17Q75KKbLTyFK8BrGhjNP4rxuUjbRWhE6gHg3bs33URWAF44FRm7gdQA348i3XxRw==",
+          "requires": {
+            "acorn": "^8.8.2",
+            "pathe": "^1.1.0",
+            "pkg-types": "^1.0.1",
+            "ufo": "^1.1.0"
+          }
+        },
+        "pathe": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.0.tgz",
+          "integrity": "sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w=="
+        },
+        "pkg-types": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.2.tgz",
+          "integrity": "sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==",
+          "requires": {
+            "jsonc-parser": "^3.2.0",
+            "mlly": "^1.1.1",
+            "pathe": "^1.1.0"
+          }
+        },
+        "rc9": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/rc9/-/rc9-2.0.1.tgz",
+          "integrity": "sha512-9EfjLgNmzP9255YX8bGnILQcmdtOXKtUlFTu8bOZPJVtaUDZ2imswcUdpK51tMjTRQyB7r5RebNijrzuyGXcVA==",
+          "requires": {
+            "defu": "^6.1.2",
+            "destr": "^1.2.2",
+            "flat": "^5.0.2"
+          }
+        },
+        "scule": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/scule/-/scule-1.0.0.tgz",
+          "integrity": "sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ=="
+        },
+        "strip-literal": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.0.1.tgz",
+          "integrity": "sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==",
+          "requires": {
+            "acorn": "^8.8.2"
+          }
+        },
+        "ufo": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.1.tgz",
+          "integrity": "sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg=="
+        },
+        "unctx": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/unctx/-/unctx-2.1.2.tgz",
+          "integrity": "sha512-KK18aLRKe3OlbPyHbXAkIWSU3xK8GInomXfA7fzDMGFXQ1crX1UWrCzKesVXeUyHIayHUrnTvf87IPCKMyeKTg==",
+          "requires": {
+            "acorn": "^8.8.2",
+            "estree-walker": "^3.0.3",
+            "magic-string": "^0.27.0",
+            "unplugin": "^1.0.1"
+          }
+        },
+        "unimport": {
+          "version": "2.2.4",
+          "resolved": "https://registry.npmjs.org/unimport/-/unimport-2.2.4.tgz",
+          "integrity": "sha512-qMgmeEGqqrrmEtm0dqxMG37J6xBtrriqxq9hILvDb+e6l2F0yTnJomLoCCp0eghLR7bYGeBsUU5Y0oyiUYhViw==",
+          "requires": {
+            "@rollup/pluginutils": "^5.0.2",
+            "escape-string-regexp": "^5.0.0",
+            "fast-glob": "^3.2.12",
+            "local-pkg": "^0.4.3",
+            "magic-string": "^0.27.0",
+            "mlly": "^1.1.0",
+            "pathe": "^1.1.0",
+            "pkg-types": "^1.0.1",
+            "scule": "^1.0.0",
+            "strip-literal": "^1.0.0",
+            "unplugin": "^1.0.1"
+          }
+        },
+        "unplugin": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.1.0.tgz",
+          "integrity": "sha512-I8obQ8Rs/hnkxokRV6g8JKOQFgYNnTd9DL58vcSt5IJ9AkK8wbrtsnzD5hi4BJlvcY536JzfEXj9L6h7j559/A==",
+          "requires": {
+            "acorn": "^8.8.2",
+            "chokidar": "^3.5.3",
+            "webpack-sources": "^3.2.3",
+            "webpack-virtual-modules": "^0.5.0"
           }
         },
-        "vite": {
-          "version": "3.1.8",
-          "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.8.tgz",
-          "integrity": "sha512-m7jJe3nufUbuOfotkntGFupinL/fmuTNuQmiVE7cH2IZMuf4UbfbGYMUT3jVWgGYuRVLY9j8NnrRqgw5rr5QTg==",
-          "dev": true,
+        "untyped": {
+          "version": "1.2.2",
+          "resolved": "https://registry.npmjs.org/untyped/-/untyped-1.2.2.tgz",
+          "integrity": "sha512-EANYd5L6AdpgfldlgMcmvOOnj092nWhy0ybhc7uhEH12ipytDYz89EOegBQKj8qWL3u1wgYnmFjADhsuCJs5Aw==",
           "requires": {
-            "esbuild": "^0.15.9",
-            "fsevents": "~2.3.2",
-            "postcss": "^8.4.16",
-            "resolve": "^1.22.1",
-            "rollup": "~2.78.0"
-          },
-          "dependencies": {
-            "rollup": {
-              "version": "2.78.1",
-              "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.78.1.tgz",
-              "integrity": "sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==",
-              "dev": true,
-              "requires": {
-                "fsevents": "~2.3.2"
-              }
-            }
+            "@babel/core": "^7.20.12",
+            "@babel/standalone": "^7.20.12",
+            "@babel/types": "^7.20.7",
+            "scule": "^1.0.0"
           }
+        },
+        "webpack-virtual-modules": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
+          "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw=="
         }
       }
     },
@@ -20415,14 +20671,6 @@
             "@vueuse/metadata": "9.3.0",
             "@vueuse/shared": "9.3.0",
             "vue-demi": "*"
-          },
-          "dependencies": {
-            "vue-demi": {
-              "version": "0.13.11",
-              "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-              "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-              "requires": {}
-            }
           }
         },
         "@vueuse/metadata": {
@@ -20436,14 +20684,6 @@
           "integrity": "sha512-caGUWLY0DpPC6l31KxeUy6vPVNA0yKxx81jFYLoMpyP6cF84FG5Dkf69DfSUqL57wX8JcUkJDMnQaQIZPWFEQQ==",
           "requires": {
             "vue-demi": "*"
-          },
-          "dependencies": {
-            "vue-demi": {
-              "version": "0.13.11",
-              "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-              "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-              "requires": {}
-            }
           }
         }
       }
@@ -20540,9 +20780,9 @@
       }
     },
     "@vue/devtools-api": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.2.1.tgz",
-      "integrity": "sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ=="
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz",
+      "integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
     },
     "@vue/reactivity": {
       "version": "3.2.41",
@@ -20620,14 +20860,6 @@
       "integrity": "sha512-3DlCe3E0RRXbB+OfPacUetKhLmXzmnjeHkzjnbkc03p06mKm6h9pXR5pd6Mv4s4tus4sieuKDb2YWNmKK6rQeA==",
       "requires": {
         "vue-demi": "^0.13.4"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.8",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.8.tgz",
-          "integrity": "sha512-Vy1zbZhCOdsmvGR6tJhAvO5vhP7eiS8xkbYQSoVa7o6KlIy3W8Rc53ED4qI4qpeRDjv3mLfXSEpYU6Yq4pgXRg==",
-          "requires": {}
-        }
       }
     },
     "@vuelidate/validators": {
@@ -20636,14 +20868,6 @@
       "integrity": "sha512-+MFA9nZ7Y9zCpq383/voPDk/hiAmu6KqiJJhLOYB/FmrUPVoyKnuKnI9Bwiq8ok9GZlVkI8BnIrKPKGj9QpwiQ==",
       "requires": {
         "vue-demi": "^0.13.4"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.8",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.8.tgz",
-          "integrity": "sha512-Vy1zbZhCOdsmvGR6tJhAvO5vhP7eiS8xkbYQSoVa7o6KlIy3W8Rc53ED4qI4qpeRDjv3mLfXSEpYU6Yq4pgXRg==",
-          "requires": {}
-        }
       }
     },
     "@vueuse/core": {
@@ -20655,14 +20879,6 @@
         "@vueuse/metadata": "9.0.2",
         "@vueuse/shared": "9.0.2",
         "vue-demi": "*"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.6",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
-          "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
-          "requires": {}
-        }
       }
     },
     "@vueuse/head": {
@@ -20683,15 +20899,6 @@
           "dev": true,
           "requires": {
             "vue-demi": "*"
-          },
-          "dependencies": {
-            "vue-demi": {
-              "version": "0.13.11",
-              "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-              "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-              "dev": true,
-              "requires": {}
-            }
           }
         }
       }
@@ -20704,14 +20911,6 @@
         "@vueuse/core": "9.0.2",
         "@vueuse/shared": "9.0.2",
         "vue-demi": "*"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.6",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
-          "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
-          "requires": {}
-        }
       }
     },
     "@vueuse/metadata": {
@@ -20730,15 +20929,6 @@
         "@vueuse/metadata": "9.0.2",
         "local-pkg": "^0.4.2",
         "vue-demi": "*"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.2",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.2.tgz",
-          "integrity": "sha512-41ukrclEbMddAyP7PvxMSYqnOSzPV6r7GNnyTSKSCNTaz19GehxmTiXyP9kwHSUv2+Dr6hHqiUiF7L1VAw2KdQ==",
-          "dev": true,
-          "requires": {}
-        }
       }
     },
     "@vueuse/shared": {
@@ -20747,14 +20937,6 @@
       "integrity": "sha512-KwBDefK2ljLESpt0ffe2w8EGUCb3IaMfTzeytB/uHHjHOGOEIHLHHyn8W2C48uGQEvoe5iwaW4Bfp8cRUM6IFA==",
       "requires": {
         "vue-demi": "*"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.6",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
-          "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
-          "requires": {}
-        }
       }
     },
     "@webassemblyjs/ast": {
@@ -21016,15 +21198,6 @@
           "dev": true,
           "requires": {
             "vue-demi": "*"
-          },
-          "dependencies": {
-            "vue-demi": {
-              "version": "0.13.11",
-              "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-              "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-              "dev": true,
-              "requires": {}
-            }
           }
         }
       }
@@ -21044,10 +21217,9 @@
       "dev": true
     },
     "acorn": {
-      "version": "8.8.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
-      "integrity": "sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==",
-      "dev": true
+      "version": "8.8.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw=="
     },
     "acorn-globals": {
       "version": "6.0.0",
@@ -21104,7 +21276,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
       "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "dev": true,
       "requires": {
         "debug": "4"
       }
@@ -21159,7 +21330,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
       "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-      "dev": true,
       "requires": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -21379,8 +21549,7 @@
     "binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "dev": true
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
     },
     "bindings": {
       "version": "1.5.0",
@@ -21422,7 +21591,6 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
       "requires": {
         "fill-range": "^7.0.1"
       }
@@ -21439,7 +21607,6 @@
       "version": "4.21.4",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
       "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
-      "dev": true,
       "requires": {
         "caniuse-lite": "^1.0.30001400",
         "electron-to-chromium": "^1.4.251",
@@ -21552,8 +21719,7 @@
     "caniuse-lite": {
       "version": "1.0.30001430",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001430.tgz",
-      "integrity": "sha512-IB1BXTZKPDVPM7cnV4iaKaHxckvdr/3xtctB3f7Hmenx3qYBhGtTZ//7EllK66aKXW98Lx0+7Yr0kxBtIt3tzg==",
-      "dev": true
+      "integrity": "sha512-IB1BXTZKPDVPM7cnV4iaKaHxckvdr/3xtctB3f7Hmenx3qYBhGtTZ//7EllK66aKXW98Lx0+7Yr0kxBtIt3tzg=="
     },
     "caseless": {
       "version": "0.12.0",
@@ -21745,7 +21911,6 @@
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
       "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "dev": true,
       "requires": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -21934,8 +22099,7 @@
     "colorette": {
       "version": "2.0.19",
       "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
-      "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
-      "dev": true
+      "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ=="
     },
     "combined-stream": {
       "version": "1.0.8",
@@ -22050,8 +22214,7 @@
     "consola": {
       "version": "2.15.3",
       "resolved": "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz",
-      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
-      "dev": true
+      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw=="
     },
     "console-control-strings": {
       "version": "1.1.0",
@@ -22063,7 +22226,6 @@
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
       "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==",
-      "dev": true,
       "requires": {
         "safe-buffer": "~5.1.1"
       }
@@ -22093,8 +22255,7 @@
     "core-util-is": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
-      "dev": true
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
     "crc-32": {
       "version": "1.2.2",
@@ -22114,8 +22275,7 @@
     "create-require": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
-      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-      "dev": true
+      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ=="
     },
     "cross-fetch": {
       "version": "3.1.5",
@@ -22582,10 +22742,9 @@
       }
     },
     "defu": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.0.tgz",
-      "integrity": "sha512-pOFYRTIhoKujrmbTRhcW5lYQLBXw/dlTwfI8IguF1QCDJOcJzNH1w+YFjxqy6BAuJrClTy6MUE8q+oKJ2FLsIw==",
-      "dev": true
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
+      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ=="
     },
     "delayed-stream": {
       "version": "1.0.0",
@@ -22611,10 +22770,9 @@
       "dev": true
     },
     "destr": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destr/-/destr-1.2.0.tgz",
-      "integrity": "sha512-JG+cG4ZPB1L27sl2C2URg8MIOmIUtTbE5wEx02BpmrTCqg/hXxFKXsYsnODl5PdpqNRaS1KQGUQ56V8jk8XpYQ==",
-      "dev": true
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/destr/-/destr-1.2.2.tgz",
+      "integrity": "sha512-lrbCJwD9saUQrqUfXvl6qoM+QN3W7tLV5pAOs+OqOmopCCz/JkE05MHedJR1xfk4IAnZuJXPVuN5+7jNA2ZCiA=="
     },
     "destroy": {
       "version": "1.2.0",
@@ -22637,7 +22795,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
       "requires": {
         "path-type": "^4.0.0"
       }
@@ -22744,8 +22901,7 @@
     "dotenv": {
       "version": "16.0.3",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz",
-      "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==",
-      "dev": true
+      "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ=="
     },
     "duplexer": {
       "version": "0.1.2",
@@ -22767,8 +22923,7 @@
     "electron-to-chromium": {
       "version": "1.4.257",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.257.tgz",
-      "integrity": "sha512-C65sIwHqNnPC2ADMfse/jWTtmhZMII+x6ADI9gENzrOiI7BpxmfKFE84WkIEl5wEg+7+SfIkwChDlsd1Erju2A==",
-      "dev": true
+      "integrity": "sha512-C65sIwHqNnPC2ADMfse/jWTtmhZMII+x6ADI9gENzrOiI7BpxmfKFE84WkIEl5wEg+7+SfIkwChDlsd1Erju2A=="
     },
     "emoji-regex": {
       "version": "9.2.2",
@@ -22847,7 +23002,6 @@
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
       "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
-      "dev": true,
       "requires": {
         "prr": "~1.0.1"
       }
@@ -23091,8 +23245,7 @@
     "escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw=="
     },
     "escape-html": {
       "version": "1.0.3",
@@ -23103,8 +23256,7 @@
     "escape-string-regexp": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
-      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
-      "dev": true
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="
     },
     "escodegen": {
       "version": "2.0.0",
@@ -23887,7 +24039,6 @@
       "version": "3.2.12",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
       "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
-      "dev": true,
       "requires": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -23911,7 +24062,6 @@
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
       "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-      "dev": true,
       "requires": {
         "reusify": "^1.0.4"
       }
@@ -23960,7 +24110,6 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
       "requires": {
         "to-regex-range": "^5.0.1"
       }
@@ -24024,8 +24173,7 @@
     "flat": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
-      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
-      "dev": true
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ=="
     },
     "flat-cache": {
       "version": "3.0.4",
@@ -24150,7 +24298,6 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
       "optional": true
     },
     "function-bind": {
@@ -24222,8 +24369,7 @@
     "gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="
     },
     "get-caller-file": {
       "version": "2.0.5",
@@ -24283,6 +24429,97 @@
         "get-intrinsic": "^1.1.1"
       }
     },
+    "giget": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-1.1.2.tgz",
+      "integrity": "sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==",
+      "requires": {
+        "colorette": "^2.0.19",
+        "defu": "^6.1.2",
+        "https-proxy-agent": "^5.0.1",
+        "mri": "^1.2.0",
+        "node-fetch-native": "^1.0.2",
+        "pathe": "^1.1.0",
+        "tar": "^6.1.13"
+      },
+      "dependencies": {
+        "chownr": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+          "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ=="
+        },
+        "fs-minipass": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+          "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+          "requires": {
+            "minipass": "^3.0.0"
+          },
+          "dependencies": {
+            "minipass": {
+              "version": "3.3.6",
+              "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+              "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+              "requires": {
+                "yallist": "^4.0.0"
+              }
+            }
+          }
+        },
+        "minipass": {
+          "version": "4.2.4",
+          "resolved": "https://registry.npmjs.org/minipass/-/minipass-4.2.4.tgz",
+          "integrity": "sha512-lwycX3cBMTvcejsHITUgYj6Gy6A7Nh4Q6h9NP4sTHY1ccJlC7yKzDmiShEHsJ16Jf1nKGDEaiHxiltsJEvk0nQ=="
+        },
+        "minizlib": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+          "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+          "requires": {
+            "minipass": "^3.0.0",
+            "yallist": "^4.0.0"
+          },
+          "dependencies": {
+            "minipass": {
+              "version": "3.3.6",
+              "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+              "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+              "requires": {
+                "yallist": "^4.0.0"
+              }
+            }
+          }
+        },
+        "mkdirp": {
+          "version": "1.0.4",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+          "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
+        },
+        "node-fetch-native": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.0.2.tgz",
+          "integrity": "sha512-KIkvH1jl6b3O7es/0ShyCgWLcfXxlBrLBbP3rOr23WArC66IMcU4DeZEeYEOwnopYhawLTn7/y+YtmASe8DFVQ=="
+        },
+        "pathe": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.0.tgz",
+          "integrity": "sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w=="
+        },
+        "tar": {
+          "version": "6.1.13",
+          "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.13.tgz",
+          "integrity": "sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==",
+          "requires": {
+            "chownr": "^2.0.0",
+            "fs-minipass": "^2.0.0",
+            "minipass": "^4.0.0",
+            "minizlib": "^2.1.1",
+            "mkdirp": "^1.0.3",
+            "yallist": "^4.0.0"
+          }
+        }
+      }
+    },
     "git-config-path": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/git-config-path/-/git-config-path-2.0.0.tgz",
@@ -24348,7 +24585,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "requires": {
         "is-glob": "^4.0.1"
       }
@@ -24364,14 +24600,12 @@
     "globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
     },
     "globby": {
-      "version": "13.1.2",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-13.1.2.tgz",
-      "integrity": "sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==",
-      "dev": true,
+      "version": "13.1.3",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-13.1.3.tgz",
+      "integrity": "sha512-8krCNHXvlCgHDpegPzleMq07yMYTO2sXKASmZmquEYWEmCx6J5UTRbp5RwMJkTJGtcQ44YpiUYUiN0b9mzy8Bw==",
       "requires": {
         "dir-glob": "^3.0.1",
         "fast-glob": "^3.2.11",
@@ -24553,8 +24787,7 @@
     "hash-sum": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
-      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
-      "dev": true
+      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg=="
     },
     "he": {
       "version": "1.2.0",
@@ -24563,10 +24796,9 @@
       "dev": true
     },
     "hookable": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.4.1.tgz",
-      "integrity": "sha512-i808BglQ1OuSIcgPSZoWsDapCMLXKe5wLS6XZvIXpaBWdWLUZARM8vOLayu6cXewj5TSbaZaMzKnq+pRnfscEQ==",
-      "dev": true
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.4.2.tgz",
+      "integrity": "sha512-6rOvaUiNKy9lET1X0ECnyZ5O5kSV0PJbtA5yZUgdEF7fGJEVwSLSislltyt7nFwVVALYHQJtfGeAR2Y0A0uJkg=="
     },
     "hosted-git-info": {
       "version": "2.8.9",
@@ -24718,7 +24950,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
       "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "dev": true,
       "requires": {
         "agent-base": "6",
         "debug": "4"
@@ -24832,10 +25063,9 @@
       "dev": true
     },
     "ignore": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "dev": true
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ=="
     },
     "image-meta": {
       "version": "0.1.1",
@@ -24909,8 +25139,7 @@
     "inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "ini": {
       "version": "1.3.8",
@@ -25052,7 +25281,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
       "requires": {
         "binary-extensions": "^2.0.0"
       }
@@ -25115,8 +25343,7 @@
     "is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
     },
     "is-fullwidth-code-point": {
       "version": "3.0.0",
@@ -25127,7 +25354,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
       "requires": {
         "is-extglob": "^2.1.1"
       }
@@ -25159,8 +25385,7 @@
     "is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
     },
     "is-number-object": {
       "version": "1.0.7",
@@ -25310,8 +25535,7 @@
     "isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
     },
     "isexe": {
       "version": "2.0.0",
@@ -25336,10 +25560,9 @@
       }
     },
     "jiti": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.16.0.tgz",
-      "integrity": "sha512-L3BJStEf5NAqNuzrpfbN71dp43mYIcBUlCRea/vdyv5dW/AYa1d4bpelko4SHdY3I6eN9Wzyasxirj1/vv5kmg==",
-      "dev": true
+      "version": "1.17.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.17.2.tgz",
+      "integrity": "sha512-Xf0nU8+8wuiQpLcqdb2HRyHqYwGk2Pd+F7kstyp20ZuqTyCmB9dqpX2NxaxFc1kovraa2bG6c1RL3W7XfapiZg=="
     },
     "js-tokens": {
       "version": "4.0.0",
@@ -25438,8 +25661,7 @@
     "jsesc": {
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "dev": true
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA=="
     },
     "json-parse-even-better-errors": {
       "version": "2.3.1",
@@ -25456,8 +25678,7 @@
     "json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="
     },
     "jsonc-eslint-parser": {
       "version": "2.1.0",
@@ -25474,8 +25695,7 @@
     "jsonc-parser": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
-      "dev": true
+      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w=="
     },
     "jsonfile": {
       "version": "6.1.0",
@@ -25699,10 +25919,9 @@
       }
     },
     "local-pkg": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.2.tgz",
-      "integrity": "sha512-mlERgSPrbxU3BP4qBqAvvwlgW4MTg78iwJdGGnv7kibKjWcJksrG3t6LB5lXI93wXRDvG4NpUgJFmTG4T6rdrg==",
-      "dev": true
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
+      "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g=="
     },
     "locale-codes": {
       "version": "1.3.1",
@@ -25737,8 +25956,7 @@
     "lodash._reinterpolate": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
-      "integrity": "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==",
-      "dev": true
+      "integrity": "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA=="
     },
     "lodash.debounce": {
       "version": "4.0.8",
@@ -25798,7 +26016,6 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz",
       "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
-      "dev": true,
       "requires": {
         "lodash._reinterpolate": "^3.0.0",
         "lodash.templatesettings": "^4.0.0"
@@ -25808,7 +26025,6 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
       "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
-      "dev": true,
       "requires": {
         "lodash._reinterpolate": "^3.0.0"
       }
@@ -25856,7 +26072,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
       "requires": {
         "yallist": "^4.0.0"
       }
@@ -25926,7 +26141,6 @@
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
       "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
-      "dev": true,
       "requires": {
         "errno": "^0.1.3",
         "readable-stream": "^2.0.1"
@@ -25936,7 +26150,6 @@
           "version": "2.3.7",
           "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
           "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-          "dev": true,
           "requires": {
             "core-util-is": "~1.0.0",
             "inherits": "~2.0.3",
@@ -25951,7 +26164,6 @@
           "version": "1.1.1",
           "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
           "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-          "dev": true,
           "requires": {
             "safe-buffer": "~5.1.0"
           }
@@ -25967,8 +26179,7 @@
     "merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
     },
     "micromark": {
       "version": "2.11.4",
@@ -25984,7 +26195,6 @@
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
       "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
       "requires": {
         "braces": "^3.0.2",
         "picomatch": "^2.3.1"
@@ -26121,8 +26331,7 @@
     "mri": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
-      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
-      "dev": true
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="
     },
     "mrmime": {
       "version": "1.0.1",
@@ -26609,8 +26818,7 @@
     "node-releases": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz",
-      "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==",
-      "dev": true
+      "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg=="
     },
     "nopt": {
       "version": "5.0.0",
@@ -26644,8 +26852,7 @@
     "normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
     },
     "normalize-range": {
       "version": "0.1.2",
@@ -26741,7 +26948,7 @@
         "unimport": "^0.6.8",
         "unplugin": "^0.10.0",
         "untyped": "^0.5.0",
-        "vue": "^3.2.41",
+        "vue": "latest",
         "vue-bundle-renderer": "^0.4.4",
         "vue-devtools-stub": "^0.1.0",
         "vue-router": "^4.1.5"
@@ -27266,8 +27473,7 @@
     "path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
     },
     "pathe": {
       "version": "0.3.9",
@@ -27303,8 +27509,7 @@
     "picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
     },
     "pify": {
       "version": "2.3.0",
@@ -27312,6 +27517,15 @@
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
       "dev": true
     },
+    "pinia": {
+      "version": "2.0.33",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.33.tgz",
+      "integrity": "sha512-HOj1yVV2itw6rNIrR2f7+MirGNxhORjrULL8GWgRwXsGSvEqIQ+SE0MYt6cwtpegzCda3i+rVTZM+AM7CG+kRg==",
+      "requires": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": "*"
+      }
+    },
     "pinkie": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-1.0.0.tgz",
@@ -27432,7 +27646,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/postcss-import-resolver/-/postcss-import-resolver-2.0.0.tgz",
       "integrity": "sha512-y001XYgGvVwgxyxw9J1a5kqM/vtmIQGzx34g0A0Oy44MFcy/ZboZw1hu/iN3VYFjSTRzbvd7zZJJz0Kh0AGkTw==",
-      "dev": true,
       "requires": {
         "enhanced-resolve": "^4.1.1"
       },
@@ -27441,7 +27654,6 @@
           "version": "4.5.0",
           "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz",
           "integrity": "sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==",
-          "dev": true,
           "requires": {
             "graceful-fs": "^4.1.2",
             "memory-fs": "^0.5.0",
@@ -27451,8 +27663,7 @@
         "tapable": {
           "version": "1.1.3",
           "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
-          "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
-          "dev": true
+          "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA=="
         }
       }
     },
@@ -27743,8 +27954,7 @@
     "process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
-      "dev": true
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
     },
     "promise": {
       "version": "8.1.0",
@@ -27775,8 +27985,7 @@
     "prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
-      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
-      "dev": true
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw=="
     },
     "psl": {
       "version": "1.9.0",
@@ -27942,8 +28151,7 @@
     "queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
     },
     "radix3": {
       "version": "0.1.2",
@@ -28146,7 +28354,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
       "requires": {
         "picomatch": "^2.2.1"
       }
@@ -28250,8 +28457,7 @@
     "reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
     },
     "rimraf": {
       "version": "3.0.2",
@@ -28266,7 +28472,7 @@
       "version": "2.79.1",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
       "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "fsevents": "~2.3.2"
       }
@@ -28368,7 +28574,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
       "requires": {
         "queue-microtask": "^1.2.2"
       }
@@ -28385,8 +28590,7 @@
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
     },
     "safe-regex": {
       "version": "2.1.1",
@@ -28506,7 +28710,6 @@
       "version": "7.3.8",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
       "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
-      "dev": true,
       "requires": {
         "lru-cache": "^6.0.0"
       }
@@ -28710,8 +28913,7 @@
     "slash": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
-      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
-      "dev": true
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew=="
     },
     "socket.io-client": {
       "version": "4.5.1",
@@ -28839,10 +29041,9 @@
       "dev": true
     },
     "std-env": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.3.0.tgz",
-      "integrity": "sha512-cNNS+VYsXIs5gI6gJipO4qZ8YYT274JHvNnQ1/R/x8Q8mdP0qj0zoMchRXmBNPqp/0eOEhX+3g7g6Fgb7meLIQ==",
-      "dev": true
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.3.2.tgz",
+      "integrity": "sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA=="
     },
     "stream-combiner": {
       "version": "0.0.4",
@@ -29294,14 +29495,12 @@
     "to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "dev": true
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog=="
     },
     "to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
       "requires": {
         "is-number": "^7.0.0"
       }
@@ -29434,7 +29633,7 @@
       "version": "4.7.4",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.4.tgz",
       "integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==",
-      "dev": true,
+      "devOptional": true,
       "peer": true
     },
     "ufo": {
@@ -29727,7 +29926,6 @@
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz",
       "integrity": "sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg==",
-      "dev": true,
       "requires": {
         "escalade": "^3.1.1",
         "picocolors": "^1.0.0"
@@ -29744,8 +29942,7 @@
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "utils-merge": {
       "version": "1.0.1",
@@ -30184,6 +30381,12 @@
         "ufo": "^0.8.6"
       }
     },
+    "vue-demi": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+      "requires": {}
+    },
     "vue-devtools-stub": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/vue-devtools-stub/-/vue-devtools-stub-0.1.0.tgz",
@@ -30274,7 +30477,7 @@
       "requires": {
         "core-js": "^3.6.5",
         "mitt": "^2.1.0",
-        "vue": "^3.0.0"
+        "vue": "latest"
       }
     },
     "vue3-text-clamp": {
@@ -30283,7 +30486,7 @@
       "integrity": "sha512-l/30RvXLkw50axAjswAK1DmvbUc5Oyhq9GkvD98p8pykrLkIajRi3evVsMnahMBK0O7+EGIK9RbIOKPyRfuw7w==",
       "requires": {
         "resize-detector": "^0.3.0",
-        "vue": "^3.2.37"
+        "vue": "latest"
       }
     },
     "vuedraggable": {
@@ -30401,8 +30604,7 @@
     "webpack-sources": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w=="
     },
     "webpack-virtual-modules": {
       "version": "0.4.5",
@@ -30704,8 +30906,7 @@
     "yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "yaml": {
       "version": "1.10.2",
diff --git a/packages/nc-gui/package.json b/packages/nc-gui/package.json
index d82c33dcfe..80987a16f5 100644
--- a/packages/nc-gui/package.json
+++ b/packages/nc-gui/package.json
@@ -33,6 +33,7 @@
   "dependencies": {
     "@ckpack/vue-color": "^1.2.0",
     "@iconify/vue": "^4.0.1",
+    "@pinia/nuxt": "^0.4.7",
     "@types/file-saver": "^2.0.5",
     "@vue-flow/additional-components": "^1.2.0",
     "@vue-flow/core": "^1.3.0",
@@ -56,6 +57,7 @@
     "monaco-editor": "^0.33.0",
     "nocodb-sdk": "file:../nocodb-sdk",
     "papaparse": "^5.3.2",
+    "pinia": "^2.0.33",
     "qrcode": "^1.5.1",
     "socket.io-client": "^4.5.1",
     "sortablejs": "^1.15.0",
@@ -123,5 +125,8 @@
     "vite-plugin-purge-icons": "^0.9.0",
     "vitest": "^0.18.0",
     "windicss": "^3.5.6"
+  },
+  "overrides": {
+    "vue": "latest"
   }
 }

From 792b941c8cb96e07221097132fde2d4b86619ae2 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 9 Mar 2023 23:47:00 +0530
Subject: [PATCH 12/24] refactor: move project composable to store

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/{composables/useProject.ts => store/project.ts} | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
 rename packages/nc-gui/{composables/useProject.ts => store/project.ts} (98%)

diff --git a/packages/nc-gui/composables/useProject.ts b/packages/nc-gui/store/project.ts
similarity index 98%
rename from packages/nc-gui/composables/useProject.ts
rename to packages/nc-gui/store/project.ts
index f0c1109385..be0e82bd16 100644
--- a/packages/nc-gui/composables/useProject.ts
+++ b/packages/nc-gui/store/project.ts
@@ -16,7 +16,7 @@ import {
 } from '#imports'
 import type { ProjectMetaInfo, ThemeConfig } from '~/lib'
 
-export const useProject = createSharedComposable(() => {
+export const project = createSharedComposable(() => {
   const { $e } = useNuxtApp()
 
   const { api, isLoading } = useApi()

From 79e23a98b07926103b30073d723274f153a59d0e Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 9 Mar 2023 23:47:52 +0530
Subject: [PATCH 13/24] refactor: convert project composable into pinia store

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/store/project.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/store/project.ts b/packages/nc-gui/store/project.ts
index be0e82bd16..4c429d700b 100644
--- a/packages/nc-gui/store/project.ts
+++ b/packages/nc-gui/store/project.ts
@@ -5,7 +5,6 @@ import {
   ClientType,
   computed,
   createEventHook,
-  createSharedComposable,
   ref,
   useApi,
   useGlobal,
@@ -15,8 +14,9 @@ import {
   useTheme,
 } from '#imports'
 import type { ProjectMetaInfo, ThemeConfig } from '~/lib'
+import { defineStore } from 'pinia'
 
-export const project = createSharedComposable(() => {
+export const useProject = defineStore('projectStore', () => {
   const { $e } = useNuxtApp()
 
   const { api, isLoading } = useApi()
@@ -68,7 +68,7 @@ export const project = createSharedComposable(() => {
         temp[base.id] = SqlUiFactory.create({ client: base.type }) as Exclude<
           ReturnType<typeof SqlUiFactory['create']>,
           typeof OracleUi
-        >
+          >
       }
     }
     return temp

From 500979d13582058efcfb86b4dea5833d657931d4 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 10 Mar 2023 00:29:06 +0530
Subject: [PATCH 14/24] refactor: migrate simple composable usage syntax to
 pinia store usage syntax

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/cell/DateTimePicker.vue  |  3 ++-
 .../nc-gui/components/cell/MultiSelect.vue     |  3 ++-
 .../nc-gui/components/cell/SingleSelect.vue    |  3 ++-
 packages/nc-gui/components/cell/TimePicker.vue |  1 +
 .../nc-gui/components/cell/attachment/utils.ts |  3 ++-
 .../nc-gui/components/dashboard/TreeView.vue   | 18 ++++++++++++------
 .../components/dashboard/settings/AuditTab.vue |  3 ++-
 .../dashboard/settings/DataSources.vue         |  4 +++-
 .../components/dashboard/settings/Metadata.vue |  4 +++-
 .../components/dashboard/settings/Misc.vue     |  5 ++++-
 .../components/dashboard/settings/UIAcl.vue    |  3 ++-
 .../settings/data-sources/CreateBase.vue       |  4 +++-
 .../settings/data-sources/EditBase.vue         |  4 +++-
 .../nc-gui/components/dlg/AirtableImport.vue   |  5 ++++-
 packages/nc-gui/components/dlg/QuickImport.vue |  3 ++-
 packages/nc-gui/components/dlg/TableRename.vue |  5 ++++-
 packages/nc-gui/components/smartsheet/Cell.vue |  3 ++-
 .../components/smartsheet/header/CellIcon.ts   |  3 ++-
 .../components/smartsheet/sidebar/index.vue    |  3 ++-
 .../nc-gui/composables/useKanbanViewStore.ts   |  4 ++--
 packages/nc-gui/composables/useMetas.ts        |  3 ++-
 .../nc-gui/composables/useMultiSelect/index.ts |  3 ++-
 .../composables/useSharedFormViewStore.ts      |  3 ++-
 packages/nc-gui/composables/useSharedView.ts   |  3 ++-
 .../composables/useSmartsheetRowStore.ts       |  3 ++-
 .../nc-gui/composables/useSmartsheetStore.ts   |  5 ++++-
 packages/nc-gui/composables/useTable.ts        |  4 +++-
 packages/nc-gui/composables/useTabs.ts         |  5 ++++-
 packages/nc-gui/composables/useViewColumns.ts  |  3 ++-
 packages/nc-gui/composables/useViewData.ts     |  3 ++-
 packages/nc-gui/composables/useViewFilters.ts  |  3 ++-
 packages/nc-gui/composables/useViewSorts.ts    |  3 ++-
 packages/nc-gui/nuxt.config.ts                 |  2 +-
 .../pages/[projectType]/[projectId]/index.vue  |  7 ++++++-
 .../index/[type]/[title]/[[viewTitle]].vue     |  4 +++-
 .../[projectId]/index/index/index.vue          |  5 ++++-
 .../nc-gui/pages/index/index/[projectId].vue   |  6 +++++-
 packages/nc-gui/store/index.ts                 |  1 +
 38 files changed, 108 insertions(+), 42 deletions(-)
 create mode 100644 packages/nc-gui/store/index.ts

diff --git a/packages/nc-gui/components/cell/DateTimePicker.vue b/packages/nc-gui/components/cell/DateTimePicker.vue
index 63931e018a..d8a928dc5d 100644
--- a/packages/nc-gui/components/cell/DateTimePicker.vue
+++ b/packages/nc-gui/components/cell/DateTimePicker.vue
@@ -13,6 +13,7 @@ import {
   useSelectedCellKeyupListener,
   watch,
 } from '#imports'
+import { storeToRefs } from 'pinia'
 
 interface Props {
   modelValue?: string | null
@@ -23,7 +24,7 @@ const { modelValue, isPk } = defineProps<Props>()
 
 const emit = defineEmits(['update:modelValue'])
 
-const { isMysql } = useProject()
+const { isMysql } = (useProject())
 
 const { showNull } = useGlobal()
 
diff --git a/packages/nc-gui/components/cell/MultiSelect.vue b/packages/nc-gui/components/cell/MultiSelect.vue
index 9d6ec72434..70c12078c7 100644
--- a/packages/nc-gui/components/cell/MultiSelect.vue
+++ b/packages/nc-gui/components/cell/MultiSelect.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { onUnmounted } from '@vue/runtime-core'
 import { message } from 'ant-design-vue'
+import { storeToRefs } from 'pinia'
 import tinycolor from 'tinycolor2'
 import type { Select as AntSelect } from 'ant-design-vue'
 import type { SelectOptionType, SelectOptionsType } from 'nocodb-sdk'
@@ -67,7 +68,7 @@ const { getMeta } = useMetas()
 
 const { hasRole } = useRoles()
 
-const { isPg, isMysql } = useProject()
+const { isPg, isMysql } = (useProject())
 
 // a variable to keep newly created options value
 // temporary until it's add the option to column meta
diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue
index 0f02c920a5..b40b43da35 100644
--- a/packages/nc-gui/components/cell/SingleSelect.vue
+++ b/packages/nc-gui/components/cell/SingleSelect.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { onUnmounted } from '@vue/runtime-core'
 import { message } from 'ant-design-vue'
+import { storeToRefs } from 'pinia'
 import tinycolor from 'tinycolor2'
 import type { Select as AntSelect } from 'ant-design-vue'
 import type { SelectOptionType } from 'nocodb-sdk'
@@ -60,7 +61,7 @@ const { getMeta } = useMetas()
 
 const { hasRole } = useRoles()
 
-const { isPg, isMysql } = useProject()
+const { isPg, isMysql } = storeToRefs(useProject())
 
 // a variable to keep newly created option value
 // temporary until it's add the option to column meta
diff --git a/packages/nc-gui/components/cell/TimePicker.vue b/packages/nc-gui/components/cell/TimePicker.vue
index 862d7a3036..536ae9e77a 100644
--- a/packages/nc-gui/components/cell/TimePicker.vue
+++ b/packages/nc-gui/components/cell/TimePicker.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import dayjs from 'dayjs'
 import { ActiveCellInj, ReadonlyInj, inject, onClickOutside, useProject, useSelectedCellKeyupListener, watch } from '#imports'
+import { storeToRefs } from 'pinia'
 
 interface Props {
   modelValue?: string | null | undefined
diff --git a/packages/nc-gui/components/cell/attachment/utils.ts b/packages/nc-gui/components/cell/attachment/utils.ts
index 438ae5c599..a8f79ef3ed 100644
--- a/packages/nc-gui/components/cell/attachment/utils.ts
+++ b/packages/nc-gui/components/cell/attachment/utils.ts
@@ -1,4 +1,5 @@
 import type { AttachmentType } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import RenameFile from './RenameFile.vue'
 import {
   ColumnInj,
@@ -51,7 +52,7 @@ export const [useProvideAttachmentCell, useAttachmentCell] = useInjectionState(
     /** for image carousel */
     const selectedImage = ref()
 
-    const { project } = useProject()
+    const { project } = storeToRefs(useProject())
 
     const { api, isLoading } = useApi()
 
diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 2c028ad472..33c2f5beac 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -2,10 +2,11 @@
 import type { TableType } from 'nocodb-sdk'
 import type { Input } from 'ant-design-vue'
 import { Dropdown, Tooltip, message } from 'ant-design-vue'
+import { storeToRefs } from 'pinia'
 import Sortable from 'sortablejs'
 import GithubButton from 'vue-github-button'
-import { Icon } from '@iconify/vue'
 import type { VNodeRef } from '#imports'
+import { Icon } from '@iconify/vue'
 import {
   ClientType,
   Empty,
@@ -35,7 +36,10 @@ const { addTab, updateTab } = useTabs()
 
 const { $api, $e } = useNuxtApp()
 
-const { bases, tables, loadTables, isSharedBase } = useProject()
+const projectStore = useProject()
+
+const { loadTables } = projectStore
+const { bases, tables, isSharedBase } = storeToRefs(projectStore)
 
 const { activeTab } = useTabs()
 
@@ -709,8 +713,8 @@ const setIcon = async (icon: string, table: TableType) => {
                     <MdiPlus />
 
                     <span class="text-gray-500 group-hover:(text-primary/100) flex-1 nc-add-new-table">{{
-                      $t('tooltip.addTable')
-                    }}</span>
+                        $t('tooltip.addTable')
+                      }}</span>
 
                     <a-dropdown
                       v-if="!isSharedBase"
@@ -804,7 +808,8 @@ const setIcon = async (icon: string, table: TableType) => {
                       overlay-class-name="nc-dropdown-import-menu"
                       @click.stop
                     >
-                      <MdiDotsVertical class="transition-opacity opacity-0 group-hover:opacity-100 nc-import-menu outline-0" />
+                      <MdiDotsVertical
+                        class="transition-opacity opacity-0 group-hover:opacity-100 nc-import-menu outline-0" />
 
                       <template #overlay>
                         <a-menu class="!py-0 rounded text-sm">
@@ -905,7 +910,8 @@ const setIcon = async (icon: string, table: TableType) => {
                             >
                               <div class="flex items-center" @click.stop>
                                 <component :is="isUIAllowed('tableIconCustomisation') ? Tooltip : 'div'">
-                                  <span v-if="table.meta?.icon" :key="table.meta?.icon" class="nc-table-icon flex items-center">
+                                  <span v-if="table.meta?.icon" :key="table.meta?.icon"
+                                        class="nc-table-icon flex items-center">
                                     <Icon
                                       :key="table.meta?.icon"
                                       :data-testid="`nc-icon-${table.meta?.icon}`"
diff --git a/packages/nc-gui/components/dashboard/settings/AuditTab.vue b/packages/nc-gui/components/dashboard/settings/AuditTab.vue
index b5a4edef5a..24f621b2a0 100644
--- a/packages/nc-gui/components/dashboard/settings/AuditTab.vue
+++ b/packages/nc-gui/components/dashboard/settings/AuditTab.vue
@@ -2,10 +2,11 @@
 import { Tooltip as ATooltip, Empty } from 'ant-design-vue'
 import type { AuditType } from 'nocodb-sdk'
 import { h, onMounted, timeAgo, useGlobal, useI18n, useNuxtApp, useProject } from '#imports'
+import { storeToRefs } from 'pinia'
 
 const { $api } = useNuxtApp()
 
-const { project } = useProject()
+const { project } = storeToRefs(useProject())
 
 const { t } = useI18n()
 
diff --git a/packages/nc-gui/components/dashboard/settings/DataSources.vue b/packages/nc-gui/components/dashboard/settings/DataSources.vue
index 5bb4f89287..274095ac42 100644
--- a/packages/nc-gui/components/dashboard/settings/DataSources.vue
+++ b/packages/nc-gui/components/dashboard/settings/DataSources.vue
@@ -22,7 +22,9 @@ const vState = useVModel(props, 'state', emits)
 const vReload = useVModel(props, 'reload', emits)
 
 const { $api, $e } = useNuxtApp()
-const { project, loadProject } = useProject()
+const projectStore = useProject()
+const {  loadProject } = projectStore
+const { project } = projectStore
 
 let sources = $ref<BaseType[]>([])
 let activeBaseId = $ref('')
diff --git a/packages/nc-gui/components/dashboard/settings/Metadata.vue b/packages/nc-gui/components/dashboard/settings/Metadata.vue
index b15c07b9e8..f1b334f14a 100644
--- a/packages/nc-gui/components/dashboard/settings/Metadata.vue
+++ b/packages/nc-gui/components/dashboard/settings/Metadata.vue
@@ -9,7 +9,9 @@ const emit = defineEmits(['baseSynced'])
 
 const { $api } = useNuxtApp()
 
-const { project, loadTables } = useProject()
+const projectStore = useProject()
+const {  loadTables } = projectStore
+const { project } = projectStore
 
 const { t } = useI18n()
 
diff --git a/packages/nc-gui/components/dashboard/settings/Misc.vue b/packages/nc-gui/components/dashboard/settings/Misc.vue
index 2d3c72845d..0b92f7f677 100644
--- a/packages/nc-gui/components/dashboard/settings/Misc.vue
+++ b/packages/nc-gui/components/dashboard/settings/Misc.vue
@@ -4,7 +4,10 @@ import { useGlobal, useProject, watch } from '#imports'
 
 const { includeM2M, showNull } = useGlobal()
 
-const { project, updateProject, projectMeta, loadTables, hasEmptyOrNullFilters } = useProject()
+
+const projectStore = useProject()
+const {  updateProject, loadTables,hasEmptyOrNullFilters } = projectStore
+const { project, projectMeta } = projectStore
 
 watch(includeM2M, async () => await loadTables())
 
diff --git a/packages/nc-gui/components/dashboard/settings/UIAcl.vue b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
index fe618595d5..4e16203895 100644
--- a/packages/nc-gui/components/dashboard/settings/UIAcl.vue
+++ b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
@@ -11,6 +11,7 @@ import {
   useNuxtApp,
   useProject,
 } from '#imports'
+import { storeToRefs } from 'pinia'
 
 const props = defineProps<{
   baseId: string
@@ -20,7 +21,7 @@ const { t } = useI18n()
 
 const { $api, $e } = useNuxtApp()
 
-const { project } = useProject()
+const { project } = storeToRefs(useProject())
 
 const { includeM2M } = useGlobal()
 
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
index f429dd62d3..59b1d4c7ea 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
@@ -33,7 +33,9 @@ const emit = defineEmits(['baseCreated'])
 
 const { appInfo } = useGlobal()
 
-const { project, loadProject } = useProject()
+const projectStore = useProject()
+const {  loadProject } = projectStore
+const { project } = projectStore
 
 const useForm = Form.useForm
 
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
index 7d48c7c397..069b760652 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
@@ -31,7 +31,9 @@ const props = defineProps<{
 
 const emit = defineEmits(['baseUpdated'])
 
-const { project, loadProject } = useProject()
+const projectStore = useProject()
+const {  loadProject } = projectStore
+const { project } = projectStore
 
 const useForm = Form.useForm
 
diff --git a/packages/nc-gui/components/dlg/AirtableImport.vue b/packages/nc-gui/components/dlg/AirtableImport.vue
index d27498af69..86c3ce527b 100644
--- a/packages/nc-gui/components/dlg/AirtableImport.vue
+++ b/packages/nc-gui/components/dlg/AirtableImport.vue
@@ -31,7 +31,10 @@ const baseURL = appInfo.ncSiteUrl
 
 const { $state } = useNuxtApp()
 
-const { project, loadTables } = useProject()
+
+const projectStore = useProject()
+const {  loadProject } = projectStore
+const { project } = projectStore
 
 const showGoToDashboardButton = ref(false)
 
diff --git a/packages/nc-gui/components/dlg/QuickImport.vue b/packages/nc-gui/components/dlg/QuickImport.vue
index d0f0ad8808..ae52944b24 100644
--- a/packages/nc-gui/components/dlg/QuickImport.vue
+++ b/packages/nc-gui/components/dlg/QuickImport.vue
@@ -22,6 +22,7 @@ import {
   useProject,
   useVModel,
 } from '#imports'
+import { storeToRefs } from 'pinia'
 import type { importFileList, streamImportFileList } from '~/lib'
 
 interface Props {
@@ -37,7 +38,7 @@ const emit = defineEmits(['update:modelValue'])
 
 const { t } = useI18n()
 
-const { tables } = useProject()
+const { tables } = storeToRefs(useProject())
 
 const activeKey = ref('uploadTab')
 
diff --git a/packages/nc-gui/components/dlg/TableRename.vue b/packages/nc-gui/components/dlg/TableRename.vue
index 9462044a00..38c3ee6a95 100644
--- a/packages/nc-gui/components/dlg/TableRename.vue
+++ b/packages/nc-gui/components/dlg/TableRename.vue
@@ -38,7 +38,10 @@ const dialogShow = useVModel(props, 'modelValue', emit)
 
 const { updateTab } = useTabs()
 
-const { loadTables, tables, project, isMysql, isMssql, isPg } = useProject()
+
+const projectStore = useProject()
+const {  loadTables, isMysql, isMssql, isPg } = projectStore
+const { project } = projectStore
 
 const inputEl = $ref<ComponentPublicInstance>()
 
diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index be23b134d5..fb5593b4f1 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -45,6 +45,7 @@ import {
   useSmartsheetRowStoreOrThrow,
   useVModel,
 } from '#imports'
+import { storeToRefs } from 'pinia'
 import { NavigateDir } from '~/lib'
 
 interface Props {
@@ -85,7 +86,7 @@ const isLocked = inject(IsLockedInj, ref(false))
 
 const { currentRow } = useSmartsheetRowStoreOrThrow()
 
-const { sqlUis } = useProject()
+const { sqlUis } = storeToRefs(useProject())
 
 const sqlUi = ref(column.value?.base_id ? sqlUis.value[column.value?.base_id] : Object.values(sqlUis.value)[0])
 
diff --git a/packages/nc-gui/components/smartsheet/header/CellIcon.ts b/packages/nc-gui/components/smartsheet/header/CellIcon.ts
index 15da258b7c..bc23affff8 100644
--- a/packages/nc-gui/components/smartsheet/header/CellIcon.ts
+++ b/packages/nc-gui/components/smartsheet/header/CellIcon.ts
@@ -33,6 +33,7 @@ import {
   toRef,
   useProject,
 } from '#imports'
+import { storeToRefs } from 'pinia'
 import FilePhoneIcon from '~icons/mdi/file-phone'
 import KeyIcon from '~icons/mdi/key-variant'
 import JSONIcon from '~icons/mdi/code-json'
@@ -123,7 +124,7 @@ export default defineComponent({
 
     const column = inject(ColumnInj, columnMeta)
 
-    const { sqlUis } = useProject()
+    const { sqlUis } = storeToRefs(useProject())
 
     const sqlUi = ref(column.value?.base_id ? sqlUis.value[column.value?.base_id] : Object.values(sqlUis.value)[0])
 
diff --git a/packages/nc-gui/components/smartsheet/sidebar/index.vue b/packages/nc-gui/components/smartsheet/sidebar/index.vue
index 457e5ee74b..544214ac20 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/index.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/index.vue
@@ -16,6 +16,7 @@ import {
   useViews,
   watch,
 } from '#imports'
+import { storeToRefs } from 'pinia'
 
 const meta = inject(MetaInj, ref())
 
@@ -25,7 +26,7 @@ const { activeTab } = useTabs()
 
 const { views, loadViews, isLoading } = useViews(meta)
 
-const { lastOpenedViewMap } = useProject()
+const { lastOpenedViewMap } = storeToRefs(useProject())
 
 const setLastOpenedViewId = (viewId?: string) => {
   if (viewId && activeTab.value?.id) {
diff --git a/packages/nc-gui/composables/useKanbanViewStore.ts b/packages/nc-gui/composables/useKanbanViewStore.ts
index d960bc35d5..c345222330 100644
--- a/packages/nc-gui/composables/useKanbanViewStore.ts
+++ b/packages/nc-gui/composables/useKanbanViewStore.ts
@@ -1,3 +1,4 @@
+import { storeToRefs } from 'pinia'
 import type { ComputedRef, Ref } from 'vue'
 import type { Api, ColumnType, KanbanType, SelectOptionType, SelectOptionsType, TableType, ViewType } from 'nocodb-sdk'
 import type { Row } from '~/lib'
@@ -40,7 +41,7 @@ const [useProvideKanbanViewStore, useKanbanViewStore] = useInjectionState(
 
     const { api } = useApi()
 
-    const { project } = useProject()
+    const { project,sqlUis } = storeToRefs(useProject())
 
     const { $e, $api } = useNuxtApp()
 
@@ -56,7 +57,6 @@ const [useProvideKanbanViewStore, useKanbanViewStore] = useInjectionState(
 
     const { search } = useFieldQuery()
 
-    const { sqlUis } = useProject()
 
     const sqlUi = ref(
       (meta.value as TableType)?.base_id ? sqlUis.value[(meta.value as TableType).base_id!] : Object.values(sqlUis.value)[0],
diff --git a/packages/nc-gui/composables/useMetas.ts b/packages/nc-gui/composables/useMetas.ts
index 464891a56c..47c2805f19 100644
--- a/packages/nc-gui/composables/useMetas.ts
+++ b/packages/nc-gui/composables/useMetas.ts
@@ -1,4 +1,5 @@
 import { message } from 'ant-design-vue'
+import { storeToRefs } from 'pinia'
 import type { WatchStopHandle } from 'vue'
 import type { TableInfoType, TableType } from 'nocodb-sdk'
 import { extractSdkResponseErrorMsg, useNuxtApp, useProject, useState, watch } from '#imports'
@@ -6,7 +7,7 @@ import { extractSdkResponseErrorMsg, useNuxtApp, useProject, useState, watch } f
 export function useMetas() {
   const { $api } = useNuxtApp()
 
-  const { tables } = useProject()
+  const { tables } = storeToRefs(useProject())
 
   const metas = useState<{ [idOrTitle: string]: TableType | any }>('metas', () => ({}))
 
diff --git a/packages/nc-gui/composables/useMultiSelect/index.ts b/packages/nc-gui/composables/useMultiSelect/index.ts
index 507cd81f63..563ccdfc04 100644
--- a/packages/nc-gui/composables/useMultiSelect/index.ts
+++ b/packages/nc-gui/composables/useMultiSelect/index.ts
@@ -1,6 +1,7 @@
 import type { MaybeRef } from '@vueuse/core'
 import type { ColumnType, LinkToAnotherRecordType, TableType } from 'nocodb-sdk'
 import { RelationTypes, UITypes, isVirtualCol } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import type { Cell } from './cellRange'
 import { CellRange } from './cellRange'
 import convertCellData from './convertCellData'
@@ -52,7 +53,7 @@ export function useMultiSelect(
 
   const { appInfo } = useGlobal()
 
-  const { isMysql } = useProject()
+  const { isMysql } = storeToRefs( useProject)
 
   let clipboardContext = $ref<{ value: any; uidt: UITypes } | null>(null)
 
diff --git a/packages/nc-gui/composables/useSharedFormViewStore.ts b/packages/nc-gui/composables/useSharedFormViewStore.ts
index f231a82be0..399a7a3646 100644
--- a/packages/nc-gui/composables/useSharedFormViewStore.ts
+++ b/packages/nc-gui/composables/useSharedFormViewStore.ts
@@ -1,5 +1,6 @@
 import useVuelidate from '@vuelidate/core'
 import { helpers, minLength, required } from '@vuelidate/validators'
+import { storeToRefs } from 'pinia'
 import type { Ref } from 'vue'
 import type { ColumnType, FormType, LinkToAnotherRecordType, TableType, ViewType } from 'nocodb-sdk'
 import { ErrorMessages, RelationTypes, UITypes, isVirtualCol } from 'nocodb-sdk'
@@ -43,7 +44,7 @@ const [useProvideSharedFormStore, useSharedFormStore] = useInjectionState((share
 
   const { metas, setMeta } = useMetas()
 
-  const { project } = useProject()
+  const { project } = storeToRefs( useProject)
 
   const { t } = useI18n()
 
diff --git a/packages/nc-gui/composables/useSharedView.ts b/packages/nc-gui/composables/useSharedView.ts
index b5b888be22..d42264a7ef 100644
--- a/packages/nc-gui/composables/useSharedView.ts
+++ b/packages/nc-gui/composables/useSharedView.ts
@@ -1,13 +1,14 @@
 import type { ExportTypes, FilterType, KanbanType, PaginatedType, RequestParams, SortType, TableType, ViewType } from 'nocodb-sdk'
 import { UITypes } from 'nocodb-sdk'
 import { computed, useGlobal, useMetas, useNuxtApp, useState } from '#imports'
+import { storeToRefs } from 'pinia'
 
 export function useSharedView() {
   const nestedFilters = ref<(FilterType & { status?: 'update' | 'delete' | 'create'; parentId?: string })[]>([])
 
   const { appInfo } = $(useGlobal())
 
-  const { project } = useProject()
+  const { project } = storeToRefs(useProject())
 
   const appInfoDefaultLimit = appInfo.defaultLimit || 25
 
diff --git a/packages/nc-gui/composables/useSmartsheetRowStore.ts b/packages/nc-gui/composables/useSmartsheetRowStore.ts
index 47a00d4661..be67153508 100644
--- a/packages/nc-gui/composables/useSmartsheetRowStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetRowStore.ts
@@ -1,5 +1,6 @@
 import { RelationTypes, UITypes } from 'nocodb-sdk'
 import type { ColumnType, LinkToAnotherRecordType, TableType } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import type { Ref } from 'vue'
 import type { MaybeRef } from '@vueuse/core'
 import {
@@ -28,7 +29,7 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
 
     const { t } = useI18n()
 
-    const { project } = useProject()
+    const { project } = storeToRefs(useProject())
 
     const { metas } = useMetas()
 
diff --git a/packages/nc-gui/composables/useSmartsheetStore.ts b/packages/nc-gui/composables/useSmartsheetStore.ts
index 85feea2145..d9c17741b2 100644
--- a/packages/nc-gui/composables/useSmartsheetStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetStore.ts
@@ -1,5 +1,6 @@
 import { ViewTypes } from 'nocodb-sdk'
 import type { FilterType, KanbanType, SortType, TableType, ViewType } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import type { Ref } from 'vue'
 import { computed, ref, unref, useEventBus, useFieldQuery, useInjectionState, useNuxtApp, useProject } from '#imports'
 import type { SmartsheetStoreEvents } from '~/lib'
@@ -14,7 +15,9 @@ const [useProvideSmartsheetStore, useSmartsheetStore] = useInjectionState(
   ) => {
     const { $api } = useNuxtApp()
 
-    const { sqlUis } = useProject()
+    const projectStore = useProject()
+
+    const { sqlUis } = storeToRefs(projectStore)
 
     const sqlUi = ref(
       (meta.value as TableType)?.base_id ? sqlUis.value[(meta.value as TableType).base_id!] : Object.values(sqlUis.value)[0],
diff --git a/packages/nc-gui/composables/useTable.ts b/packages/nc-gui/composables/useTable.ts
index 1b90832e07..cb149bb5ed 100644
--- a/packages/nc-gui/composables/useTable.ts
+++ b/packages/nc-gui/composables/useTable.ts
@@ -14,6 +14,7 @@ import {
   useTabs,
   watch,
 } from '#imports'
+import { storeToRefs } from 'pinia'
 import { TabType } from '~/lib'
 
 export function useTable(onTableCreate?: (tableMeta: TableType) => void, baseId?: string) {
@@ -32,7 +33,8 @@ export function useTable(onTableCreate?: (tableMeta: TableType) => void, baseId?
   const { loadTables } = useProject()
 
   const { closeTab } = useTabs()
-  const { sqlUis, project, tables } = useProject()
+  const projectStore = useProject()
+  const { sqlUis, project, tables } = storeToRefs(projectStore)
 
   const sqlUi = computed(() => (baseId && sqlUis.value[baseId] ? sqlUis.value[baseId] : Object.values(sqlUis.value)[0]))
 
diff --git a/packages/nc-gui/composables/useTabs.ts b/packages/nc-gui/composables/useTabs.ts
index c29f118961..8e97c1cd71 100644
--- a/packages/nc-gui/composables/useTabs.ts
+++ b/packages/nc-gui/composables/useTabs.ts
@@ -1,5 +1,6 @@
 import type { WritableComputedRef } from '@vue/reactivity'
 import { computed, createSharedComposable, navigateTo, ref, useProject, useRouter, watch } from '#imports'
+import { storeToRefs } from 'pinia'
 import type { TabItem } from '~/lib'
 import { TabType } from '~/lib'
 
@@ -17,7 +18,9 @@ export const useTabs = createSharedComposable(() => {
 
   const route = $(router.currentRoute)
 
-  const { bases, tables } = useProject()
+  const projectStore = useProject()
+
+  const { bases, tables } = storeToRefs(projectStore)
 
   const projectType = $computed(() => route.params.projectType as string)
 
diff --git a/packages/nc-gui/composables/useViewColumns.ts b/packages/nc-gui/composables/useViewColumns.ts
index 59e1e7d873..744ffb0eae 100644
--- a/packages/nc-gui/composables/useViewColumns.ts
+++ b/packages/nc-gui/composables/useViewColumns.ts
@@ -1,5 +1,6 @@
 import { ViewTypes, isSystemColumn } from 'nocodb-sdk'
 import type { ColumnType, MapType, TableType, ViewType } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import type { ComputedRef, Ref } from 'vue'
 import { IsPublicInj, computed, inject, ref, useNuxtApp, useProject, useUIPermission, watch } from '#imports'
 import type { Field } from '~/lib'
@@ -19,7 +20,7 @@ export function useViewColumns(
 
   const { isUIAllowed } = useUIPermission()
 
-  const { isSharedBase } = useProject()
+  const { isSharedBase } = storeToRefs(useProject())
 
   const isLocalMode = computed(
     () => isPublic.value || !isUIAllowed('hideAllColumns') || !isUIAllowed('showAllColumns') || isSharedBase.value,
diff --git a/packages/nc-gui/composables/useViewData.ts b/packages/nc-gui/composables/useViewData.ts
index cd2ba8dde9..d0703c17f3 100644
--- a/packages/nc-gui/composables/useViewData.ts
+++ b/packages/nc-gui/composables/useViewData.ts
@@ -1,5 +1,6 @@
 import { UITypes, ViewTypes } from 'nocodb-sdk'
 import type { Api, ColumnType, FormColumnType, FormType, GalleryType, PaginatedType, TableType, ViewType } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import type { ComputedRef, Ref } from 'vue'
 import {
   IsPublicInj,
@@ -70,7 +71,7 @@ export function useViewData(
 
   const isPublic = inject(IsPublicInj, ref(false))
 
-  const { project, isSharedBase } = useProject()
+  const { project, isSharedBase } = storeToRefs(useProject())
 
   const { sharedView, fetchSharedViewData, paginationData: sharedPaginationData } = useSharedView()
 
diff --git a/packages/nc-gui/composables/useViewFilters.ts b/packages/nc-gui/composables/useViewFilters.ts
index d3fc0da851..7b8fef51b7 100644
--- a/packages/nc-gui/composables/useViewFilters.ts
+++ b/packages/nc-gui/composables/useViewFilters.ts
@@ -1,4 +1,5 @@
 import type { ColumnType, FilterType, ViewType } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import type { ComputedRef, Ref } from 'vue'
 import type { SelectProps } from 'ant-design-vue'
 import { UITypes, isSystemColumn } from 'nocodb-sdk'
@@ -35,7 +36,7 @@ export function useViewFilters(
 
   const { nestedFilters } = useSmartsheetStoreOrThrow()
 
-  const { projectMeta } = useProject()
+  const { projectMeta } = storeToRefs(useProject())
 
   const isPublic = inject(IsPublicInj, ref(false))
 
diff --git a/packages/nc-gui/composables/useViewSorts.ts b/packages/nc-gui/composables/useViewSorts.ts
index ea37001ecd..629d754e0a 100644
--- a/packages/nc-gui/composables/useViewSorts.ts
+++ b/packages/nc-gui/composables/useViewSorts.ts
@@ -1,4 +1,5 @@
 import type { SortType, ViewType } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import type { Ref } from 'vue'
 import {
   IsPublicInj,
@@ -24,7 +25,7 @@ export function useViewSorts(view: Ref<ViewType | undefined>, reloadData?: () =>
 
   const { isUIAllowed } = useUIPermission()
 
-  const { isSharedBase } = useProject()
+  const { isSharedBase } = storeToRefs(useProject())
 
   const reloadHook = inject(ReloadViewDataHookInj)
 
diff --git a/packages/nc-gui/nuxt.config.ts b/packages/nc-gui/nuxt.config.ts
index 49f816a1e3..77dc0e2770 100644
--- a/packages/nc-gui/nuxt.config.ts
+++ b/packages/nc-gui/nuxt.config.ts
@@ -190,7 +190,7 @@ export default defineNuxtConfig({
   },
 
   imports: {
-    dirs: ['./context', './utils/**', './lib', './composables/**'],
+    dirs: ['./context', './utils/**', './lib', './composables/**', './store/**'],
     imports: [
       { name: 'useI18n', from: 'vue-i18n' },
       { name: 'message', from: 'ant-design-vue/es' },
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
index 2a9b96f227..f5b2cd63b5 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { storeToRefs } from 'pinia'
 import tinycolor from 'tinycolor2'
 import {
   TabType,
@@ -46,7 +47,11 @@ const router = useRouter()
 
 const { appInfo, token, signOut, signedIn, user, currentVersion } = useGlobal()
 
-const { project, isSharedBase, loadProjectMetaInfo, projectMetaInfo, saveTheme, loadProject, reset } = useProject()
+
+const projectStore = useProject()
+
+const { loadProjectMetaInfo, saveTheme, loadProject, reset } = projectStore
+const {project, isSharedBase, projectMetaInfo } = storeToRefs(projectStore)
 
 const { clearTabs, addTab } = useTabs()
 
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
index 71ddda5dcb..f51d7da4bb 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
+import { storeToRefs } from 'pinia'
 import type { TabItem } from '~/lib'
 import { TabMetaInj, computed, inject, ref, until, useMetas, useProject, useRoute } from '#imports'
 
 const { getMeta } = useMetas()
 
-const { tables } = useProject()
+const projectStore = useProject()
+const { tables } = storeToRefs(projectStore)
 
 const route = useRoute()
 
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue
index 086ed5fe6f..3c00b979d4 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue
@@ -13,6 +13,7 @@ import {
   useUIPermission,
   watch,
 } from '#imports'
+import { storeToRefs } from 'pinia'
 
 const dropZone = ref<HTMLDivElement>()
 
@@ -20,7 +21,9 @@ const { isOverDropZone } = useDropZone(dropZone, onDrop)
 
 const { files, open, reset } = useFileDialog()
 
-const { bases, isSharedBase } = useProject()
+const projectStore = useProject()
+
+const { bases, isSharedBase } = storeToRefs(projectStore)
 
 const { isUIAllowed } = useUIPermission()
 
diff --git a/packages/nc-gui/pages/index/index/[projectId].vue b/packages/nc-gui/pages/index/index/[projectId].vue
index 3188ef3c87..e567595dd6 100644
--- a/packages/nc-gui/pages/index/index/[projectId].vue
+++ b/packages/nc-gui/pages/index/index/[projectId].vue
@@ -13,10 +13,14 @@ import {
   useProject,
   useRoute,
 } from '#imports'
+import { storeToRefs } from 'pinia'
 
 const route = useRoute()
 
-const { project, loadProject, updateProject, isLoading } = useProject()
+const projectStore = useProject()
+
+const {  loadProject, updateProject } = projectStore
+const {project, isLoading } = storeToRefs(projectStore)
 
 const nameValidationRules = [
   {
diff --git a/packages/nc-gui/store/index.ts b/packages/nc-gui/store/index.ts
new file mode 100644
index 0000000000..6ffa5d4562
--- /dev/null
+++ b/packages/nc-gui/store/index.ts
@@ -0,0 +1 @@
+export * from './project'

From dbce6f09520c4f83cc8f6236a763795efaea7009 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 10 Mar 2023 00:30:19 +0530
Subject: [PATCH 15/24] chore: lint

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/cell/DateTimePicker.vue   |  4 ++--
 packages/nc-gui/components/cell/MultiSelect.vue      |  2 +-
 packages/nc-gui/components/cell/TimePicker.vue       |  2 +-
 packages/nc-gui/components/dashboard/TreeView.vue    | 12 +++++-------
 .../components/dashboard/settings/AuditTab.vue       |  2 +-
 .../components/dashboard/settings/DataSources.vue    |  2 +-
 .../components/dashboard/settings/Metadata.vue       |  2 +-
 .../nc-gui/components/dashboard/settings/Misc.vue    |  3 +--
 .../nc-gui/components/dashboard/settings/UIAcl.vue   |  2 +-
 .../dashboard/settings/data-sources/CreateBase.vue   |  2 +-
 .../dashboard/settings/data-sources/EditBase.vue     |  2 +-
 packages/nc-gui/components/dlg/AirtableImport.vue    |  3 +--
 packages/nc-gui/components/dlg/QuickImport.vue       |  2 +-
 packages/nc-gui/components/dlg/TableRename.vue       |  3 +--
 packages/nc-gui/components/smartsheet/Cell.vue       |  2 +-
 .../nc-gui/components/smartsheet/header/CellIcon.ts  |  2 +-
 .../nc-gui/components/smartsheet/sidebar/index.vue   |  2 +-
 packages/nc-gui/composables/useKanbanViewStore.ts    |  3 +--
 packages/nc-gui/composables/useMultiSelect/index.ts  |  2 +-
 .../nc-gui/composables/useSharedFormViewStore.ts     |  2 +-
 packages/nc-gui/composables/useSharedView.ts         |  2 +-
 packages/nc-gui/composables/useTable.ts              |  2 +-
 packages/nc-gui/composables/useTabs.ts               |  2 +-
 packages/nc-gui/nuxt.config.ts                       |  2 +-
 .../nc-gui/pages/[projectType]/[projectId]/index.vue |  3 +--
 .../[projectType]/[projectId]/index/index/index.vue  |  2 +-
 packages/nc-gui/pages/index/index/[projectId].vue    |  6 +++---
 packages/nc-gui/store/project.ts                     |  4 ++--
 28 files changed, 36 insertions(+), 43 deletions(-)

diff --git a/packages/nc-gui/components/cell/DateTimePicker.vue b/packages/nc-gui/components/cell/DateTimePicker.vue
index d8a928dc5d..25a1d00d99 100644
--- a/packages/nc-gui/components/cell/DateTimePicker.vue
+++ b/packages/nc-gui/components/cell/DateTimePicker.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import dayjs from 'dayjs'
+import { storeToRefs } from 'pinia'
 import {
   ActiveCellInj,
   ColumnInj,
@@ -13,7 +14,6 @@ import {
   useSelectedCellKeyupListener,
   watch,
 } from '#imports'
-import { storeToRefs } from 'pinia'
 
 interface Props {
   modelValue?: string | null
@@ -24,7 +24,7 @@ const { modelValue, isPk } = defineProps<Props>()
 
 const emit = defineEmits(['update:modelValue'])
 
-const { isMysql } = (useProject())
+const { isMysql } = useProject()
 
 const { showNull } = useGlobal()
 
diff --git a/packages/nc-gui/components/cell/MultiSelect.vue b/packages/nc-gui/components/cell/MultiSelect.vue
index 70c12078c7..9b94d99b05 100644
--- a/packages/nc-gui/components/cell/MultiSelect.vue
+++ b/packages/nc-gui/components/cell/MultiSelect.vue
@@ -68,7 +68,7 @@ const { getMeta } = useMetas()
 
 const { hasRole } = useRoles()
 
-const { isPg, isMysql } = (useProject())
+const { isPg, isMysql } = useProject()
 
 // a variable to keep newly created options value
 // temporary until it's add the option to column meta
diff --git a/packages/nc-gui/components/cell/TimePicker.vue b/packages/nc-gui/components/cell/TimePicker.vue
index 536ae9e77a..7ab2bc30cf 100644
--- a/packages/nc-gui/components/cell/TimePicker.vue
+++ b/packages/nc-gui/components/cell/TimePicker.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import dayjs from 'dayjs'
-import { ActiveCellInj, ReadonlyInj, inject, onClickOutside, useProject, useSelectedCellKeyupListener, watch } from '#imports'
 import { storeToRefs } from 'pinia'
+import { ActiveCellInj, ReadonlyInj, inject, onClickOutside, useProject, useSelectedCellKeyupListener, watch } from '#imports'
 
 interface Props {
   modelValue?: string | null | undefined
diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 33c2f5beac..7d5f9ceeca 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -5,8 +5,8 @@ import { Dropdown, Tooltip, message } from 'ant-design-vue'
 import { storeToRefs } from 'pinia'
 import Sortable from 'sortablejs'
 import GithubButton from 'vue-github-button'
-import type { VNodeRef } from '#imports'
 import { Icon } from '@iconify/vue'
+import type { VNodeRef } from '#imports'
 import {
   ClientType,
   Empty,
@@ -713,8 +713,8 @@ const setIcon = async (icon: string, table: TableType) => {
                     <MdiPlus />
 
                     <span class="text-gray-500 group-hover:(text-primary/100) flex-1 nc-add-new-table">{{
-                        $t('tooltip.addTable')
-                      }}</span>
+                      $t('tooltip.addTable')
+                    }}</span>
 
                     <a-dropdown
                       v-if="!isSharedBase"
@@ -808,8 +808,7 @@ const setIcon = async (icon: string, table: TableType) => {
                       overlay-class-name="nc-dropdown-import-menu"
                       @click.stop
                     >
-                      <MdiDotsVertical
-                        class="transition-opacity opacity-0 group-hover:opacity-100 nc-import-menu outline-0" />
+                      <MdiDotsVertical class="transition-opacity opacity-0 group-hover:opacity-100 nc-import-menu outline-0" />
 
                       <template #overlay>
                         <a-menu class="!py-0 rounded text-sm">
@@ -910,8 +909,7 @@ const setIcon = async (icon: string, table: TableType) => {
                             >
                               <div class="flex items-center" @click.stop>
                                 <component :is="isUIAllowed('tableIconCustomisation') ? Tooltip : 'div'">
-                                  <span v-if="table.meta?.icon" :key="table.meta?.icon"
-                                        class="nc-table-icon flex items-center">
+                                  <span v-if="table.meta?.icon" :key="table.meta?.icon" class="nc-table-icon flex items-center">
                                     <Icon
                                       :key="table.meta?.icon"
                                       :data-testid="`nc-icon-${table.meta?.icon}`"
diff --git a/packages/nc-gui/components/dashboard/settings/AuditTab.vue b/packages/nc-gui/components/dashboard/settings/AuditTab.vue
index 24f621b2a0..6cd08cce8b 100644
--- a/packages/nc-gui/components/dashboard/settings/AuditTab.vue
+++ b/packages/nc-gui/components/dashboard/settings/AuditTab.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { Tooltip as ATooltip, Empty } from 'ant-design-vue'
 import type { AuditType } from 'nocodb-sdk'
-import { h, onMounted, timeAgo, useGlobal, useI18n, useNuxtApp, useProject } from '#imports'
 import { storeToRefs } from 'pinia'
+import { h, onMounted, timeAgo, useGlobal, useI18n, useNuxtApp, useProject } from '#imports'
 
 const { $api } = useNuxtApp()
 
diff --git a/packages/nc-gui/components/dashboard/settings/DataSources.vue b/packages/nc-gui/components/dashboard/settings/DataSources.vue
index 274095ac42..47d259c326 100644
--- a/packages/nc-gui/components/dashboard/settings/DataSources.vue
+++ b/packages/nc-gui/components/dashboard/settings/DataSources.vue
@@ -23,7 +23,7 @@ const vReload = useVModel(props, 'reload', emits)
 
 const { $api, $e } = useNuxtApp()
 const projectStore = useProject()
-const {  loadProject } = projectStore
+const { loadProject } = projectStore
 const { project } = projectStore
 
 let sources = $ref<BaseType[]>([])
diff --git a/packages/nc-gui/components/dashboard/settings/Metadata.vue b/packages/nc-gui/components/dashboard/settings/Metadata.vue
index f1b334f14a..ce3212ffc5 100644
--- a/packages/nc-gui/components/dashboard/settings/Metadata.vue
+++ b/packages/nc-gui/components/dashboard/settings/Metadata.vue
@@ -10,7 +10,7 @@ const emit = defineEmits(['baseSynced'])
 const { $api } = useNuxtApp()
 
 const projectStore = useProject()
-const {  loadTables } = projectStore
+const { loadTables } = projectStore
 const { project } = projectStore
 
 const { t } = useI18n()
diff --git a/packages/nc-gui/components/dashboard/settings/Misc.vue b/packages/nc-gui/components/dashboard/settings/Misc.vue
index 0b92f7f677..af6b07fcfe 100644
--- a/packages/nc-gui/components/dashboard/settings/Misc.vue
+++ b/packages/nc-gui/components/dashboard/settings/Misc.vue
@@ -4,9 +4,8 @@ import { useGlobal, useProject, watch } from '#imports'
 
 const { includeM2M, showNull } = useGlobal()
 
-
 const projectStore = useProject()
-const {  updateProject, loadTables,hasEmptyOrNullFilters } = projectStore
+const { updateProject, loadTables, hasEmptyOrNullFilters } = projectStore
 const { project, projectMeta } = projectStore
 
 watch(includeM2M, async () => await loadTables())
diff --git a/packages/nc-gui/components/dashboard/settings/UIAcl.vue b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
index 4e16203895..405d069d32 100644
--- a/packages/nc-gui/components/dashboard/settings/UIAcl.vue
+++ b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { storeToRefs } from 'pinia'
 import {
   Empty,
   computed,
@@ -11,7 +12,6 @@ import {
   useNuxtApp,
   useProject,
 } from '#imports'
-import { storeToRefs } from 'pinia'
 
 const props = defineProps<{
   baseId: string
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
index 59b1d4c7ea..7886695486 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
@@ -34,7 +34,7 @@ const emit = defineEmits(['baseCreated'])
 const { appInfo } = useGlobal()
 
 const projectStore = useProject()
-const {  loadProject } = projectStore
+const { loadProject } = projectStore
 const { project } = projectStore
 
 const useForm = Form.useForm
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
index 069b760652..1cf29424e7 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
@@ -32,7 +32,7 @@ const props = defineProps<{
 const emit = defineEmits(['baseUpdated'])
 
 const projectStore = useProject()
-const {  loadProject } = projectStore
+const { loadProject } = projectStore
 const { project } = projectStore
 
 const useForm = Form.useForm
diff --git a/packages/nc-gui/components/dlg/AirtableImport.vue b/packages/nc-gui/components/dlg/AirtableImport.vue
index 86c3ce527b..5263fe2fb2 100644
--- a/packages/nc-gui/components/dlg/AirtableImport.vue
+++ b/packages/nc-gui/components/dlg/AirtableImport.vue
@@ -31,9 +31,8 @@ const baseURL = appInfo.ncSiteUrl
 
 const { $state } = useNuxtApp()
 
-
 const projectStore = useProject()
-const {  loadProject } = projectStore
+const { loadProject } = projectStore
 const { project } = projectStore
 
 const showGoToDashboardButton = ref(false)
diff --git a/packages/nc-gui/components/dlg/QuickImport.vue b/packages/nc-gui/components/dlg/QuickImport.vue
index ae52944b24..678a44e355 100644
--- a/packages/nc-gui/components/dlg/QuickImport.vue
+++ b/packages/nc-gui/components/dlg/QuickImport.vue
@@ -2,6 +2,7 @@
 import type { TableType } from 'nocodb-sdk'
 import type { UploadChangeParam, UploadFile } from 'ant-design-vue'
 import { Upload } from 'ant-design-vue'
+import { storeToRefs } from 'pinia'
 import {
   CSVTemplateAdapter,
   ExcelTemplateAdapter,
@@ -22,7 +23,6 @@ import {
   useProject,
   useVModel,
 } from '#imports'
-import { storeToRefs } from 'pinia'
 import type { importFileList, streamImportFileList } from '~/lib'
 
 interface Props {
diff --git a/packages/nc-gui/components/dlg/TableRename.vue b/packages/nc-gui/components/dlg/TableRename.vue
index 38c3ee6a95..85d68d33fe 100644
--- a/packages/nc-gui/components/dlg/TableRename.vue
+++ b/packages/nc-gui/components/dlg/TableRename.vue
@@ -38,9 +38,8 @@ const dialogShow = useVModel(props, 'modelValue', emit)
 
 const { updateTab } = useTabs()
 
-
 const projectStore = useProject()
-const {  loadTables, isMysql, isMssql, isPg } = projectStore
+const { loadTables, isMysql, isMssql, isPg } = projectStore
 const { project } = projectStore
 
 const inputEl = $ref<ComponentPublicInstance>()
diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index fb5593b4f1..36d601fd70 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { ColumnType } from 'nocodb-sdk'
 import { isSystemColumn } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import {
   ActiveCellInj,
   ColumnInj,
@@ -45,7 +46,6 @@ import {
   useSmartsheetRowStoreOrThrow,
   useVModel,
 } from '#imports'
-import { storeToRefs } from 'pinia'
 import { NavigateDir } from '~/lib'
 
 interface Props {
diff --git a/packages/nc-gui/components/smartsheet/header/CellIcon.ts b/packages/nc-gui/components/smartsheet/header/CellIcon.ts
index bc23affff8..f457ba8015 100644
--- a/packages/nc-gui/components/smartsheet/header/CellIcon.ts
+++ b/packages/nc-gui/components/smartsheet/header/CellIcon.ts
@@ -1,5 +1,6 @@
 import type { ColumnType } from 'nocodb-sdk'
 import type { PropType } from '@vue/runtime-core'
+import { storeToRefs } from 'pinia'
 import {
   ColumnInj,
   computed,
@@ -33,7 +34,6 @@ import {
   toRef,
   useProject,
 } from '#imports'
-import { storeToRefs } from 'pinia'
 import FilePhoneIcon from '~icons/mdi/file-phone'
 import KeyIcon from '~icons/mdi/key-variant'
 import JSONIcon from '~icons/mdi/code-json'
diff --git a/packages/nc-gui/components/smartsheet/sidebar/index.vue b/packages/nc-gui/components/smartsheet/sidebar/index.vue
index 544214ac20..f212193838 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/index.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { ViewType, ViewTypes } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import {
   ActiveViewInj,
   MetaInj,
@@ -16,7 +17,6 @@ import {
   useViews,
   watch,
 } from '#imports'
-import { storeToRefs } from 'pinia'
 
 const meta = inject(MetaInj, ref())
 
diff --git a/packages/nc-gui/composables/useKanbanViewStore.ts b/packages/nc-gui/composables/useKanbanViewStore.ts
index c345222330..516efdf237 100644
--- a/packages/nc-gui/composables/useKanbanViewStore.ts
+++ b/packages/nc-gui/composables/useKanbanViewStore.ts
@@ -41,7 +41,7 @@ const [useProvideKanbanViewStore, useKanbanViewStore] = useInjectionState(
 
     const { api } = useApi()
 
-    const { project,sqlUis } = storeToRefs(useProject())
+    const { project, sqlUis } = storeToRefs(useProject())
 
     const { $e, $api } = useNuxtApp()
 
@@ -57,7 +57,6 @@ const [useProvideKanbanViewStore, useKanbanViewStore] = useInjectionState(
 
     const { search } = useFieldQuery()
 
-
     const sqlUi = ref(
       (meta.value as TableType)?.base_id ? sqlUis.value[(meta.value as TableType).base_id!] : Object.values(sqlUis.value)[0],
     )
diff --git a/packages/nc-gui/composables/useMultiSelect/index.ts b/packages/nc-gui/composables/useMultiSelect/index.ts
index 563ccdfc04..ccaffb14d3 100644
--- a/packages/nc-gui/composables/useMultiSelect/index.ts
+++ b/packages/nc-gui/composables/useMultiSelect/index.ts
@@ -53,7 +53,7 @@ export function useMultiSelect(
 
   const { appInfo } = useGlobal()
 
-  const { isMysql } = storeToRefs( useProject)
+  const { isMysql } = storeToRefs(useProject)
 
   let clipboardContext = $ref<{ value: any; uidt: UITypes } | null>(null)
 
diff --git a/packages/nc-gui/composables/useSharedFormViewStore.ts b/packages/nc-gui/composables/useSharedFormViewStore.ts
index 399a7a3646..57146b4c42 100644
--- a/packages/nc-gui/composables/useSharedFormViewStore.ts
+++ b/packages/nc-gui/composables/useSharedFormViewStore.ts
@@ -44,7 +44,7 @@ const [useProvideSharedFormStore, useSharedFormStore] = useInjectionState((share
 
   const { metas, setMeta } = useMetas()
 
-  const { project } = storeToRefs( useProject)
+  const { project } = storeToRefs(useProject)
 
   const { t } = useI18n()
 
diff --git a/packages/nc-gui/composables/useSharedView.ts b/packages/nc-gui/composables/useSharedView.ts
index d42264a7ef..40f2687632 100644
--- a/packages/nc-gui/composables/useSharedView.ts
+++ b/packages/nc-gui/composables/useSharedView.ts
@@ -1,7 +1,7 @@
 import type { ExportTypes, FilterType, KanbanType, PaginatedType, RequestParams, SortType, TableType, ViewType } from 'nocodb-sdk'
 import { UITypes } from 'nocodb-sdk'
-import { computed, useGlobal, useMetas, useNuxtApp, useState } from '#imports'
 import { storeToRefs } from 'pinia'
+import { computed, useGlobal, useMetas, useNuxtApp, useState } from '#imports'
 
 export function useSharedView() {
   const nestedFilters = ref<(FilterType & { status?: 'update' | 'delete' | 'create'; parentId?: string })[]>([])
diff --git a/packages/nc-gui/composables/useTable.ts b/packages/nc-gui/composables/useTable.ts
index cb149bb5ed..6f6d62593a 100644
--- a/packages/nc-gui/composables/useTable.ts
+++ b/packages/nc-gui/composables/useTable.ts
@@ -1,5 +1,6 @@
 import type { LinkToAnotherRecordType, TableType } from 'nocodb-sdk'
 import { UITypes, isSystemColumn } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import {
   Modal,
   SYSTEM_COLUMNS,
@@ -14,7 +15,6 @@ import {
   useTabs,
   watch,
 } from '#imports'
-import { storeToRefs } from 'pinia'
 import { TabType } from '~/lib'
 
 export function useTable(onTableCreate?: (tableMeta: TableType) => void, baseId?: string) {
diff --git a/packages/nc-gui/composables/useTabs.ts b/packages/nc-gui/composables/useTabs.ts
index 8e97c1cd71..a3873c6578 100644
--- a/packages/nc-gui/composables/useTabs.ts
+++ b/packages/nc-gui/composables/useTabs.ts
@@ -1,6 +1,6 @@
 import type { WritableComputedRef } from '@vue/reactivity'
-import { computed, createSharedComposable, navigateTo, ref, useProject, useRouter, watch } from '#imports'
 import { storeToRefs } from 'pinia'
+import { computed, createSharedComposable, navigateTo, ref, useProject, useRouter, watch } from '#imports'
 import type { TabItem } from '~/lib'
 import { TabType } from '~/lib'
 
diff --git a/packages/nc-gui/nuxt.config.ts b/packages/nc-gui/nuxt.config.ts
index 77dc0e2770..710c5d0b7e 100644
--- a/packages/nc-gui/nuxt.config.ts
+++ b/packages/nc-gui/nuxt.config.ts
@@ -12,7 +12,7 @@ import PurgeIcons from 'vite-plugin-purge-icons'
 
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
-  modules: ['@vueuse/nuxt', 'nuxt-windicss', '@nuxt/image-edge', '@pinia/nuxt',],
+  modules: ['@vueuse/nuxt', 'nuxt-windicss', '@nuxt/image-edge', '@pinia/nuxt'],
 
   ssr: false,
 
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
index f5b2cd63b5..f231a3e021 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
@@ -47,11 +47,10 @@ const router = useRouter()
 
 const { appInfo, token, signOut, signedIn, user, currentVersion } = useGlobal()
 
-
 const projectStore = useProject()
 
 const { loadProjectMetaInfo, saveTheme, loadProject, reset } = projectStore
-const {project, isSharedBase, projectMetaInfo } = storeToRefs(projectStore)
+const { project, isSharedBase, projectMetaInfo } = storeToRefs(projectStore)
 
 const { clearTabs, addTab } = useTabs()
 
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue
index 3c00b979d4..52c85446a8 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { UploadChangeParam, UploadFile } from 'ant-design-vue'
 import type { BaseType } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import {
   message,
   ref,
@@ -13,7 +14,6 @@ import {
   useUIPermission,
   watch,
 } from '#imports'
-import { storeToRefs } from 'pinia'
 
 const dropZone = ref<HTMLDivElement>()
 
diff --git a/packages/nc-gui/pages/index/index/[projectId].vue b/packages/nc-gui/pages/index/index/[projectId].vue
index e567595dd6..e862c7d273 100644
--- a/packages/nc-gui/pages/index/index/[projectId].vue
+++ b/packages/nc-gui/pages/index/index/[projectId].vue
@@ -3,6 +3,7 @@ import type { Form } from 'ant-design-vue'
 import type { ProjectType } from 'nocodb-sdk'
 import type { VNodeRef } from '@vue/runtime-core'
 import type { RuleObject } from 'ant-design-vue/es/form'
+import { storeToRefs } from 'pinia'
 import {
   extractSdkResponseErrorMsg,
   message,
@@ -13,14 +14,13 @@ import {
   useProject,
   useRoute,
 } from '#imports'
-import { storeToRefs } from 'pinia'
 
 const route = useRoute()
 
 const projectStore = useProject()
 
-const {  loadProject, updateProject } = projectStore
-const {project, isLoading } = storeToRefs(projectStore)
+const { loadProject, updateProject } = projectStore
+const { project, isLoading } = storeToRefs(projectStore)
 
 const nameValidationRules = [
   {
diff --git a/packages/nc-gui/store/project.ts b/packages/nc-gui/store/project.ts
index 4c429d700b..bfb2336dfd 100644
--- a/packages/nc-gui/store/project.ts
+++ b/packages/nc-gui/store/project.ts
@@ -1,6 +1,7 @@
 import type { BaseType, OracleUi, ProjectType, TableType } from 'nocodb-sdk'
 import { SqlUiFactory } from 'nocodb-sdk'
 import { isString } from '@vueuse/core'
+import { defineStore } from 'pinia'
 import {
   ClientType,
   computed,
@@ -14,7 +15,6 @@ import {
   useTheme,
 } from '#imports'
 import type { ProjectMetaInfo, ThemeConfig } from '~/lib'
-import { defineStore } from 'pinia'
 
 export const useProject = defineStore('projectStore', () => {
   const { $e } = useNuxtApp()
@@ -68,7 +68,7 @@ export const useProject = defineStore('projectStore', () => {
         temp[base.id] = SqlUiFactory.create({ client: base.type }) as Exclude<
           ReturnType<typeof SqlUiFactory['create']>,
           typeof OracleUi
-          >
+        >
       }
     }
     return temp

From 13b9a7cb0f643bbe6babca010c79fd5e2a0f9ee1 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 10 Mar 2023 11:10:10 +0530
Subject: [PATCH 16/24] fix: use `storeToRefs` to get reactive variable

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/settings/Metadata.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/dashboard/settings/Metadata.vue b/packages/nc-gui/components/dashboard/settings/Metadata.vue
index ce3212ffc5..e1fd3ef042 100644
--- a/packages/nc-gui/components/dashboard/settings/Metadata.vue
+++ b/packages/nc-gui/components/dashboard/settings/Metadata.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { Empty, extractSdkResponseErrorMsg, h, message, useI18n, useNuxtApp, useProject } from '#imports'
+import { storeToRefs } from 'pinia'
 
 const props = defineProps<{
   baseId: string
@@ -11,7 +12,7 @@ const { $api } = useNuxtApp()
 
 const projectStore = useProject()
 const { loadTables } = projectStore
-const { project } = projectStore
+const { project } = storeToRefs(projectStore)
 
 const { t } = useI18n()
 

From 8b671532d97baf7e8ea73abed0728a62d1f6efca Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 10 Mar 2023 11:23:43 +0530
Subject: [PATCH 17/24] refactor: move tab composable to pinia store

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/store/index.ts                           | 1 -
 packages/nc-gui/{composables/useTabs.ts => store/tab.ts} | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)
 delete mode 100644 packages/nc-gui/store/index.ts
 rename packages/nc-gui/{composables/useTabs.ts => store/tab.ts} (98%)

diff --git a/packages/nc-gui/store/index.ts b/packages/nc-gui/store/index.ts
deleted file mode 100644
index 6ffa5d4562..0000000000
--- a/packages/nc-gui/store/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './project'
diff --git a/packages/nc-gui/composables/useTabs.ts b/packages/nc-gui/store/tab.ts
similarity index 98%
rename from packages/nc-gui/composables/useTabs.ts
rename to packages/nc-gui/store/tab.ts
index a3873c6578..3ae4215178 100644
--- a/packages/nc-gui/composables/useTabs.ts
+++ b/packages/nc-gui/store/tab.ts
@@ -11,7 +11,7 @@ function getPredicate(key: Partial<TabItem>) {
     (!('type' in key) || tab.type === key.type)
 }
 
-export const useTabs = createSharedComposable(() => {
+export const useTab = createSharedComposable(() => {
   const tabs = ref<TabItem[]>([])
 
   const router = useRouter()

From 30cd0c3d421fa27238fe0a649f8c7dacf2a41506 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 10 Mar 2023 11:59:10 +0530
Subject: [PATCH 18/24] refactor: move tab composable to pinia store

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/cell/DateTimePicker.vue |  1 -
 .../nc-gui/components/cell/MultiSelect.vue    |  1 -
 .../nc-gui/components/cell/TimePicker.vue     |  1 -
 .../nc-gui/components/dashboard/TreeView.vue  |  2 +-
 .../dashboard/settings/Metadata.vue           |  2 +-
 .../nc-gui/components/dlg/AirtableImport.vue  |  2 +-
 .../components/smartsheet/sidebar/index.vue   |  2 +-
 .../pages/[projectType]/[projectId]/index.vue |  2 --
 .../[projectType]/[projectId]/index/index.vue |  5 ++++-
 packages/nc-gui/store/tab.ts                  | 22 +++++++++----------
 10 files changed, 18 insertions(+), 22 deletions(-)

diff --git a/packages/nc-gui/components/cell/DateTimePicker.vue b/packages/nc-gui/components/cell/DateTimePicker.vue
index 25a1d00d99..63931e018a 100644
--- a/packages/nc-gui/components/cell/DateTimePicker.vue
+++ b/packages/nc-gui/components/cell/DateTimePicker.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import dayjs from 'dayjs'
-import { storeToRefs } from 'pinia'
 import {
   ActiveCellInj,
   ColumnInj,
diff --git a/packages/nc-gui/components/cell/MultiSelect.vue b/packages/nc-gui/components/cell/MultiSelect.vue
index 9b94d99b05..9d6ec72434 100644
--- a/packages/nc-gui/components/cell/MultiSelect.vue
+++ b/packages/nc-gui/components/cell/MultiSelect.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import { onUnmounted } from '@vue/runtime-core'
 import { message } from 'ant-design-vue'
-import { storeToRefs } from 'pinia'
 import tinycolor from 'tinycolor2'
 import type { Select as AntSelect } from 'ant-design-vue'
 import type { SelectOptionType, SelectOptionsType } from 'nocodb-sdk'
diff --git a/packages/nc-gui/components/cell/TimePicker.vue b/packages/nc-gui/components/cell/TimePicker.vue
index 7ab2bc30cf..862d7a3036 100644
--- a/packages/nc-gui/components/cell/TimePicker.vue
+++ b/packages/nc-gui/components/cell/TimePicker.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import dayjs from 'dayjs'
-import { storeToRefs } from 'pinia'
 import { ActiveCellInj, ReadonlyInj, inject, onClickOutside, useProject, useSelectedCellKeyupListener, watch } from '#imports'
 
 interface Props {
diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 7d5f9ceeca..cab93036e3 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -41,7 +41,7 @@ const projectStore = useProject()
 const { loadTables } = projectStore
 const { bases, tables, isSharedBase } = storeToRefs(projectStore)
 
-const { activeTab } = useTabs()
+const { activeTab } = storeToRefs(useTabs())
 
 const { deleteTable } = useTable()
 
diff --git a/packages/nc-gui/components/dashboard/settings/Metadata.vue b/packages/nc-gui/components/dashboard/settings/Metadata.vue
index e1fd3ef042..38ac68abc2 100644
--- a/packages/nc-gui/components/dashboard/settings/Metadata.vue
+++ b/packages/nc-gui/components/dashboard/settings/Metadata.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Empty, extractSdkResponseErrorMsg, h, message, useI18n, useNuxtApp, useProject } from '#imports'
 import { storeToRefs } from 'pinia'
+import { Empty, extractSdkResponseErrorMsg, h, message, useI18n, useNuxtApp, useProject } from '#imports'
 
 const props = defineProps<{
   baseId: string
diff --git a/packages/nc-gui/components/dlg/AirtableImport.vue b/packages/nc-gui/components/dlg/AirtableImport.vue
index 5263fe2fb2..49034ffd64 100644
--- a/packages/nc-gui/components/dlg/AirtableImport.vue
+++ b/packages/nc-gui/components/dlg/AirtableImport.vue
@@ -32,7 +32,7 @@ const baseURL = appInfo.ncSiteUrl
 const { $state } = useNuxtApp()
 
 const projectStore = useProject()
-const { loadProject } = projectStore
+
 const { project } = projectStore
 
 const showGoToDashboardButton = ref(false)
diff --git a/packages/nc-gui/components/smartsheet/sidebar/index.vue b/packages/nc-gui/components/smartsheet/sidebar/index.vue
index f212193838..45e8e10ce1 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/index.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/index.vue
@@ -22,7 +22,7 @@ const meta = inject(MetaInj, ref())
 
 const activeView = inject(ActiveViewInj, ref())
 
-const { activeTab } = useTabs()
+const { activeTab } = storeToRefs(useTabs())
 
 const { views, loadViews, isLoading } = useViews(meta)
 
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
index f231a3e021..b8847aaff6 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
@@ -581,9 +581,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
         v-model:open-key="openDialogKey"
         v-model:data-sources-state="dataSourcesState"
       />
-
       <NuxtPage :page-key="$route.params.projectId" />
-
       <LazyGeneralPreviewAs float />
     </div>
   </NuxtLayout>
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index 77c004b51f..9408ef9bd5 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -1,10 +1,13 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue'
+import { storeToRefs } from 'pinia'
 import type { TabItem } from '~/lib'
 import { TabType } from '~/lib'
 import { TabMetaInj, iconMap, provide, useGlobal, useSidebar, useTabs } from '#imports'
 
-const { tabs, activeTabIndex, activeTab, closeTab } = useTabs()
+const tabStore = useTabs()
+const { closeTab } = tabStore
+const { tabs, activeTabIndex, activeTab } = storeToRefs(tabStore)
 
 const { isLoading } = useGlobal()
 
diff --git a/packages/nc-gui/store/tab.ts b/packages/nc-gui/store/tab.ts
index 3ae4215178..adc62b199e 100644
--- a/packages/nc-gui/store/tab.ts
+++ b/packages/nc-gui/store/tab.ts
@@ -1,6 +1,6 @@
 import type { WritableComputedRef } from '@vue/reactivity'
-import { storeToRefs } from 'pinia'
-import { computed, createSharedComposable, navigateTo, ref, useProject, useRouter, watch } from '#imports'
+import { defineStore } from 'pinia'
+import { computed, navigateTo, ref, useProject, useRouter, watch } from '#imports'
 import type { TabItem } from '~/lib'
 import { TabType } from '~/lib'
 
@@ -11,7 +11,7 @@ function getPredicate(key: Partial<TabItem>) {
     (!('type' in key) || tab.type === key.type)
 }
 
-export const useTab = createSharedComposable(() => {
+export const useTabs = defineStore('tabStore', () => {
   const tabs = ref<TabItem[]>([])
 
   const router = useRouter()
@@ -20,8 +20,6 @@ export const useTab = createSharedComposable(() => {
 
   const projectStore = useProject()
 
-  const { bases, tables } = storeToRefs(projectStore)
-
   const projectType = $computed(() => route.params.projectType as string)
 
   const previousActiveTabIndex = ref(-1)
@@ -29,14 +27,14 @@ export const useTab = createSharedComposable(() => {
     get() {
       const routeName = route.name as string
 
-      if (routeName.startsWith('projectType-projectId-index-index-type-title-viewTitle') && tables.value.length) {
+      if (routeName.startsWith('projectType-projectId-index-index-type-title-viewTitle') && projectStore.tables.length) {
         const tab: TabItem = { type: route.params.type as TabType, title: route.params.title as string }
 
-        const currentTable = tables.value.find((t) => t.id === tab.title || t.title === tab.title)
+        const currentTable = projectStore.tables.find((t) => t.id === tab.title || t.title === tab.title)
 
         if (!currentTable) return -1
 
-        const currentBase = bases.value.find((b) => b.id === currentTable.base_id)
+        const currentBase = projectStore.bases.find((b) => b.id === currentTable.base_id)
 
         tab.id = currentTable.id
 
@@ -47,7 +45,7 @@ export const useTab = createSharedComposable(() => {
         tab.meta = currentTable.meta
 
         // append base alias to tab title if duplicate titles exist on other bases
-        if (tables.value.find((t) => t.title === currentTable?.title && t.base_id !== currentTable?.base_id))
+        if (projectStore.tables.find((t) => t.title === currentTable?.title && t.base_id !== currentTable?.base_id))
           tab.title = `${tab.title}${currentBase?.alias ? ` (${currentBase.alias})` : ``}`
 
         if (index === -1) {
@@ -94,13 +92,13 @@ export const useTab = createSharedComposable(() => {
     }
     // if tab not found add it
     else {
-      const currentTable = tables.value.find((t) => t.id === tabMeta.id || t.title === tabMeta.id)
-      const currentBase = bases.value.find((b) => b.id === currentTable?.base_id)
+      const currentTable = projectStore.tables.find((t) => t.id === tabMeta.id || t.title === tabMeta.id)
+      const currentBase = projectStore.bases.find((b) => b.id === currentTable?.base_id)
 
       tabMeta.meta = currentTable?.meta
 
       // append base alias to tab title if duplicate titles exist on other bases
-      if (tables.value.find((t) => t.title === currentTable?.title && t.base_id !== currentTable?.base_id))
+      if (projectStore.tables.find((t) => t.title === currentTable?.title && t.base_id !== currentTable?.base_id))
         tabMeta.title = `${tabMeta.title}${currentBase?.alias ? ` (${currentBase.alias})` : ``}`
 
       tabs.value = [...(tabs.value || []), tabMeta]

From d62b3d94196b1ef511c6d30ce642c63f26c7e6b5 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 10 Mar 2023 12:04:34 +0530
Subject: [PATCH 19/24] refactor: include `storeToRefs` in imports alias

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/cell/SingleSelect.vue    |  2 +-
 packages/nc-gui/components/cell/attachment/utils.ts |  2 +-
 packages/nc-gui/components/dashboard/TreeView.vue   |  2 +-
 .../components/dashboard/settings/AuditTab.vue      |  3 +--
 .../components/dashboard/settings/Metadata.vue      |  3 +--
 .../nc-gui/components/dashboard/settings/UIAcl.vue  |  2 +-
 packages/nc-gui/components/dlg/QuickImport.vue      |  2 +-
 packages/nc-gui/components/smartsheet/Cell.vue      |  2 +-
 .../nc-gui/components/smartsheet/header/CellIcon.ts |  2 +-
 .../nc-gui/components/smartsheet/sidebar/index.vue  |  2 +-
 packages/nc-gui/composables/useKanbanViewStore.ts   |  2 +-
 packages/nc-gui/composables/useMetas.ts             |  3 +--
 packages/nc-gui/composables/useMultiSelect/index.ts |  2 +-
 .../nc-gui/composables/useSharedFormViewStore.ts    |  2 +-
 packages/nc-gui/composables/useSharedView.ts        |  3 +--
 .../nc-gui/composables/useSmartsheetRowStore.ts     |  2 +-
 packages/nc-gui/composables/useSmartsheetStore.ts   | 13 +++++++++++--
 packages/nc-gui/composables/useTable.ts             |  2 +-
 packages/nc-gui/composables/useViewColumns.ts       |  3 +--
 packages/nc-gui/composables/useViewData.ts          |  2 +-
 packages/nc-gui/composables/useViewFilters.ts       |  2 +-
 packages/nc-gui/composables/useViewSorts.ts         |  2 +-
 packages/nc-gui/nuxt.config.ts                      |  1 +
 .../pages/[projectType]/[projectId]/index.vue       |  2 +-
 .../pages/[projectType]/[projectId]/index/index.vue |  3 +--
 .../index/index/[type]/[title]/[[viewTitle]].vue    |  3 +--
 .../[projectType]/[projectId]/index/index/index.vue |  2 +-
 packages/nc-gui/pages/index/index/[projectId].vue   |  2 +-
 28 files changed, 38 insertions(+), 35 deletions(-)

diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue
index b40b43da35..b41f53fed6 100644
--- a/packages/nc-gui/components/cell/SingleSelect.vue
+++ b/packages/nc-gui/components/cell/SingleSelect.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import { onUnmounted } from '@vue/runtime-core'
 import { message } from 'ant-design-vue'
-import { storeToRefs } from 'pinia'
 import tinycolor from 'tinycolor2'
 import type { Select as AntSelect } from 'ant-design-vue'
 import type { SelectOptionType } from 'nocodb-sdk'
@@ -19,6 +18,7 @@ import {
   inject,
   isDrawerOrModalExist,
   ref,
+  storeToRefs,
   useEventListener,
   useRoles,
   useSelectedCellKeyupListener,
diff --git a/packages/nc-gui/components/cell/attachment/utils.ts b/packages/nc-gui/components/cell/attachment/utils.ts
index a8f79ef3ed..86e490a4fb 100644
--- a/packages/nc-gui/components/cell/attachment/utils.ts
+++ b/packages/nc-gui/components/cell/attachment/utils.ts
@@ -1,5 +1,4 @@
 import type { AttachmentType } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import RenameFile from './RenameFile.vue'
 import {
   ColumnInj,
@@ -14,6 +13,7 @@ import {
   isImage,
   message,
   ref,
+  storeToRefs,
   useApi,
   useAttachment,
   useFileDialog,
diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index cab93036e3..5b1d40e49e 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -2,7 +2,6 @@
 import type { TableType } from 'nocodb-sdk'
 import type { Input } from 'ant-design-vue'
 import { Dropdown, Tooltip, message } from 'ant-design-vue'
-import { storeToRefs } from 'pinia'
 import Sortable from 'sortablejs'
 import GithubButton from 'vue-github-button'
 import { Icon } from '@iconify/vue'
@@ -18,6 +17,7 @@ import {
   reactive,
   ref,
   resolveComponent,
+  storeToRefs,
   useDialog,
   useGlobal,
   useNuxtApp,
diff --git a/packages/nc-gui/components/dashboard/settings/AuditTab.vue b/packages/nc-gui/components/dashboard/settings/AuditTab.vue
index 6cd08cce8b..b0319244d7 100644
--- a/packages/nc-gui/components/dashboard/settings/AuditTab.vue
+++ b/packages/nc-gui/components/dashboard/settings/AuditTab.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { Tooltip as ATooltip, Empty } from 'ant-design-vue'
 import type { AuditType } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
-import { h, onMounted, timeAgo, useGlobal, useI18n, useNuxtApp, useProject } from '#imports'
+import { h, onMounted, storeToRefs, timeAgo, useGlobal, useI18n, useNuxtApp, useProject } from '#imports'
 
 const { $api } = useNuxtApp()
 
diff --git a/packages/nc-gui/components/dashboard/settings/Metadata.vue b/packages/nc-gui/components/dashboard/settings/Metadata.vue
index 38ac68abc2..3d0e1426ea 100644
--- a/packages/nc-gui/components/dashboard/settings/Metadata.vue
+++ b/packages/nc-gui/components/dashboard/settings/Metadata.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { storeToRefs } from 'pinia'
-import { Empty, extractSdkResponseErrorMsg, h, message, useI18n, useNuxtApp, useProject } from '#imports'
+import { Empty, extractSdkResponseErrorMsg, h, message, storeToRefs, useI18n, useNuxtApp, useProject } from '#imports'
 
 const props = defineProps<{
   baseId: string
diff --git a/packages/nc-gui/components/dashboard/settings/UIAcl.vue b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
index 405d069d32..6a72d919bf 100644
--- a/packages/nc-gui/components/dashboard/settings/UIAcl.vue
+++ b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { storeToRefs } from 'pinia'
 import {
   Empty,
   computed,
@@ -7,6 +6,7 @@ import {
   h,
   message,
   onMounted,
+  storeToRefs,
   useGlobal,
   useI18n,
   useNuxtApp,
diff --git a/packages/nc-gui/components/dlg/QuickImport.vue b/packages/nc-gui/components/dlg/QuickImport.vue
index 678a44e355..302546284e 100644
--- a/packages/nc-gui/components/dlg/QuickImport.vue
+++ b/packages/nc-gui/components/dlg/QuickImport.vue
@@ -2,7 +2,6 @@
 import type { TableType } from 'nocodb-sdk'
 import type { UploadChangeParam, UploadFile } from 'ant-design-vue'
 import { Upload } from 'ant-design-vue'
-import { storeToRefs } from 'pinia'
 import {
   CSVTemplateAdapter,
   ExcelTemplateAdapter,
@@ -19,6 +18,7 @@ import {
   message,
   reactive,
   ref,
+  storeToRefs,
   useI18n,
   useProject,
   useVModel,
diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index 36d601fd70..b5aaba3bf0 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { ColumnType } from 'nocodb-sdk'
 import { isSystemColumn } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import {
   ActiveCellInj,
   ColumnInj,
@@ -40,6 +39,7 @@ import {
   isYear,
   provide,
   ref,
+  storeToRefs,
   toRef,
   useDebounceFn,
   useProject,
diff --git a/packages/nc-gui/components/smartsheet/header/CellIcon.ts b/packages/nc-gui/components/smartsheet/header/CellIcon.ts
index f457ba8015..81eb67604b 100644
--- a/packages/nc-gui/components/smartsheet/header/CellIcon.ts
+++ b/packages/nc-gui/components/smartsheet/header/CellIcon.ts
@@ -1,6 +1,5 @@
 import type { ColumnType } from 'nocodb-sdk'
 import type { PropType } from '@vue/runtime-core'
-import { storeToRefs } from 'pinia'
 import {
   ColumnInj,
   computed,
@@ -31,6 +30,7 @@ import {
   isTime,
   isURL,
   isYear,
+  storeToRefs,
   toRef,
   useProject,
 } from '#imports'
diff --git a/packages/nc-gui/components/smartsheet/sidebar/index.vue b/packages/nc-gui/components/smartsheet/sidebar/index.vue
index 45e8e10ce1..33e2ff62ed 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/index.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/index.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { ViewType, ViewTypes } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import {
   ActiveViewInj,
   MetaInj,
@@ -8,6 +7,7 @@ import {
   inject,
   ref,
   resolveComponent,
+  storeToRefs,
   useDialog,
   useNuxtApp,
   useRoute,
diff --git a/packages/nc-gui/composables/useKanbanViewStore.ts b/packages/nc-gui/composables/useKanbanViewStore.ts
index 516efdf237..9d960c6297 100644
--- a/packages/nc-gui/composables/useKanbanViewStore.ts
+++ b/packages/nc-gui/composables/useKanbanViewStore.ts
@@ -1,4 +1,3 @@
-import { storeToRefs } from 'pinia'
 import type { ComputedRef, Ref } from 'vue'
 import type { Api, ColumnType, KanbanType, SelectOptionType, SelectOptionsType, TableType, ViewType } from 'nocodb-sdk'
 import type { Row } from '~/lib'
@@ -14,6 +13,7 @@ import {
   message,
   provide,
   ref,
+  storeToRefs,
   useApi,
   useFieldQuery,
   useI18n,
diff --git a/packages/nc-gui/composables/useMetas.ts b/packages/nc-gui/composables/useMetas.ts
index 47c2805f19..bd050460b7 100644
--- a/packages/nc-gui/composables/useMetas.ts
+++ b/packages/nc-gui/composables/useMetas.ts
@@ -1,8 +1,7 @@
 import { message } from 'ant-design-vue'
-import { storeToRefs } from 'pinia'
 import type { WatchStopHandle } from 'vue'
 import type { TableInfoType, TableType } from 'nocodb-sdk'
-import { extractSdkResponseErrorMsg, useNuxtApp, useProject, useState, watch } from '#imports'
+import { extractSdkResponseErrorMsg, storeToRefs, useNuxtApp, useProject, useState, watch } from '#imports'
 
 export function useMetas() {
   const { $api } = useNuxtApp()
diff --git a/packages/nc-gui/composables/useMultiSelect/index.ts b/packages/nc-gui/composables/useMultiSelect/index.ts
index ccaffb14d3..a55516e740 100644
--- a/packages/nc-gui/composables/useMultiSelect/index.ts
+++ b/packages/nc-gui/composables/useMultiSelect/index.ts
@@ -1,7 +1,6 @@
 import type { MaybeRef } from '@vueuse/core'
 import type { ColumnType, LinkToAnotherRecordType, TableType } from 'nocodb-sdk'
 import { RelationTypes, UITypes, isVirtualCol } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import type { Cell } from './cellRange'
 import { CellRange } from './cellRange'
 import convertCellData from './convertCellData'
@@ -15,6 +14,7 @@ import {
   message,
   reactive,
   ref,
+  storeToRefs,
   unref,
   useCopy,
   useEventListener,
diff --git a/packages/nc-gui/composables/useSharedFormViewStore.ts b/packages/nc-gui/composables/useSharedFormViewStore.ts
index 57146b4c42..f302d17bce 100644
--- a/packages/nc-gui/composables/useSharedFormViewStore.ts
+++ b/packages/nc-gui/composables/useSharedFormViewStore.ts
@@ -1,6 +1,5 @@
 import useVuelidate from '@vuelidate/core'
 import { helpers, minLength, required } from '@vuelidate/validators'
-import { storeToRefs } from 'pinia'
 import type { Ref } from 'vue'
 import type { ColumnType, FormType, LinkToAnotherRecordType, TableType, ViewType } from 'nocodb-sdk'
 import { ErrorMessages, RelationTypes, UITypes, isVirtualCol } from 'nocodb-sdk'
@@ -13,6 +12,7 @@ import {
   message,
   provide,
   ref,
+  storeToRefs,
   useApi,
   useI18n,
   useInjectionState,
diff --git a/packages/nc-gui/composables/useSharedView.ts b/packages/nc-gui/composables/useSharedView.ts
index 40f2687632..bba474822a 100644
--- a/packages/nc-gui/composables/useSharedView.ts
+++ b/packages/nc-gui/composables/useSharedView.ts
@@ -1,7 +1,6 @@
 import type { ExportTypes, FilterType, KanbanType, PaginatedType, RequestParams, SortType, TableType, ViewType } from 'nocodb-sdk'
 import { UITypes } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
-import { computed, useGlobal, useMetas, useNuxtApp, useState } from '#imports'
+import { computed, storeToRefs, useGlobal, useMetas, useNuxtApp, useState } from '#imports'
 
 export function useSharedView() {
   const nestedFilters = ref<(FilterType & { status?: 'update' | 'delete' | 'create'; parentId?: string })[]>([])
diff --git a/packages/nc-gui/composables/useSmartsheetRowStore.ts b/packages/nc-gui/composables/useSmartsheetRowStore.ts
index be67153508..8be672e396 100644
--- a/packages/nc-gui/composables/useSmartsheetRowStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetRowStore.ts
@@ -1,6 +1,5 @@
 import { RelationTypes, UITypes } from 'nocodb-sdk'
 import type { ColumnType, LinkToAnotherRecordType, TableType } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import type { Ref } from 'vue'
 import type { MaybeRef } from '@vueuse/core'
 import {
@@ -14,6 +13,7 @@ import {
   isMm,
   message,
   ref,
+  storeToRefs,
   unref,
   useI18n,
   useInjectionState,
diff --git a/packages/nc-gui/composables/useSmartsheetStore.ts b/packages/nc-gui/composables/useSmartsheetStore.ts
index d9c17741b2..420436ded9 100644
--- a/packages/nc-gui/composables/useSmartsheetStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetStore.ts
@@ -1,8 +1,17 @@
 import { ViewTypes } from 'nocodb-sdk'
 import type { FilterType, KanbanType, SortType, TableType, ViewType } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import type { Ref } from 'vue'
-import { computed, ref, unref, useEventBus, useFieldQuery, useInjectionState, useNuxtApp, useProject } from '#imports'
+import {
+  computed,
+  ref,
+  storeToRefs,
+  unref,
+  useEventBus,
+  useFieldQuery,
+  useInjectionState,
+  useNuxtApp,
+  useProject,
+} from '#imports'
 import type { SmartsheetStoreEvents } from '~/lib'
 
 const [useProvideSmartsheetStore, useSmartsheetStore] = useInjectionState(
diff --git a/packages/nc-gui/composables/useTable.ts b/packages/nc-gui/composables/useTable.ts
index 6f6d62593a..8ddb21a886 100644
--- a/packages/nc-gui/composables/useTable.ts
+++ b/packages/nc-gui/composables/useTable.ts
@@ -1,6 +1,5 @@
 import type { LinkToAnotherRecordType, TableType } from 'nocodb-sdk'
 import { UITypes, isSystemColumn } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import {
   Modal,
   SYSTEM_COLUMNS,
@@ -8,6 +7,7 @@ import {
   generateUniqueTitle as generateTitle,
   message,
   reactive,
+  storeToRefs,
   useI18n,
   useMetas,
   useNuxtApp,
diff --git a/packages/nc-gui/composables/useViewColumns.ts b/packages/nc-gui/composables/useViewColumns.ts
index 744ffb0eae..ce409e27e2 100644
--- a/packages/nc-gui/composables/useViewColumns.ts
+++ b/packages/nc-gui/composables/useViewColumns.ts
@@ -1,8 +1,7 @@
 import { ViewTypes, isSystemColumn } from 'nocodb-sdk'
 import type { ColumnType, MapType, TableType, ViewType } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import type { ComputedRef, Ref } from 'vue'
-import { IsPublicInj, computed, inject, ref, useNuxtApp, useProject, useUIPermission, watch } from '#imports'
+import { IsPublicInj, computed, inject, ref, storeToRefs, useNuxtApp, useProject, useUIPermission, watch } from '#imports'
 import type { Field } from '~/lib'
 
 export function useViewColumns(
diff --git a/packages/nc-gui/composables/useViewData.ts b/packages/nc-gui/composables/useViewData.ts
index d0703c17f3..2f7362c8a8 100644
--- a/packages/nc-gui/composables/useViewData.ts
+++ b/packages/nc-gui/composables/useViewData.ts
@@ -1,6 +1,5 @@
 import { UITypes, ViewTypes } from 'nocodb-sdk'
 import type { Api, ColumnType, FormColumnType, FormType, GalleryType, PaginatedType, TableType, ViewType } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import type { ComputedRef, Ref } from 'vue'
 import {
   IsPublicInj,
@@ -13,6 +12,7 @@ import {
   message,
   populateInsertObject,
   ref,
+  storeToRefs,
   until,
   useApi,
   useGlobal,
diff --git a/packages/nc-gui/composables/useViewFilters.ts b/packages/nc-gui/composables/useViewFilters.ts
index 7b8fef51b7..220dffaea9 100644
--- a/packages/nc-gui/composables/useViewFilters.ts
+++ b/packages/nc-gui/composables/useViewFilters.ts
@@ -1,5 +1,4 @@
 import type { ColumnType, FilterType, ViewType } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import type { ComputedRef, Ref } from 'vue'
 import type { SelectProps } from 'ant-design-vue'
 import { UITypes, isSystemColumn } from 'nocodb-sdk'
@@ -12,6 +11,7 @@ import {
   inject,
   message,
   ref,
+  storeToRefs,
   useDebounceFn,
   useMetas,
   useNuxtApp,
diff --git a/packages/nc-gui/composables/useViewSorts.ts b/packages/nc-gui/composables/useViewSorts.ts
index 629d754e0a..fdb5c94dd4 100644
--- a/packages/nc-gui/composables/useViewSorts.ts
+++ b/packages/nc-gui/composables/useViewSorts.ts
@@ -1,5 +1,4 @@
 import type { SortType, ViewType } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import type { Ref } from 'vue'
 import {
   IsPublicInj,
@@ -8,6 +7,7 @@ import {
   inject,
   message,
   ref,
+  storeToRefs,
   useNuxtApp,
   useProject,
   useSharedView,
diff --git a/packages/nc-gui/nuxt.config.ts b/packages/nc-gui/nuxt.config.ts
index 710c5d0b7e..b55bdd7608 100644
--- a/packages/nc-gui/nuxt.config.ts
+++ b/packages/nc-gui/nuxt.config.ts
@@ -198,6 +198,7 @@ export default defineNuxtConfig({
       { name: 'Empty', from: 'ant-design-vue/es' },
       { name: 'Form', from: 'ant-design-vue/es' },
       { name: 'useJwt', from: '@vueuse/integrations/useJwt' },
+      { name: 'storeToRefs', from: 'pinia' },
     ],
   },
 })
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
index b8847aaff6..c7a928ee5a 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { storeToRefs } from 'pinia'
 import tinycolor from 'tinycolor2'
 import {
   TabType,
@@ -18,6 +17,7 @@ import {
   projectThemeColors,
   ref,
   resolveComponent,
+  storeToRefs,
   useCopy,
   useDialog,
   useGlobal,
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index 9408ef9bd5..69b24887a2 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue'
-import { storeToRefs } from 'pinia'
 import type { TabItem } from '~/lib'
 import { TabType } from '~/lib'
-import { TabMetaInj, iconMap, provide, useGlobal, useSidebar, useTabs } from '#imports'
+import { TabMetaInj, iconMap, provide, storeToRefs, useGlobal, useSidebar, useTabs } from '#imports'
 
 const tabStore = useTabs()
 const { closeTab } = tabStore
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
index f51d7da4bb..0f1ea471b2 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import { storeToRefs } from 'pinia'
 import type { TabItem } from '~/lib'
-import { TabMetaInj, computed, inject, ref, until, useMetas, useProject, useRoute } from '#imports'
+import { TabMetaInj, computed, inject, ref, storeToRefs, until, useMetas, useProject, useRoute } from '#imports'
 
 const { getMeta } = useMetas()
 
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue
index 52c85446a8..a5e1954dc8 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/index.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
 import type { UploadChangeParam, UploadFile } from 'ant-design-vue'
 import type { BaseType } from 'nocodb-sdk'
-import { storeToRefs } from 'pinia'
 import {
   message,
   ref,
   resolveComponent,
+  storeToRefs,
   useDialog,
   useDropZone,
   useFileDialog,
diff --git a/packages/nc-gui/pages/index/index/[projectId].vue b/packages/nc-gui/pages/index/index/[projectId].vue
index e862c7d273..deaeca840d 100644
--- a/packages/nc-gui/pages/index/index/[projectId].vue
+++ b/packages/nc-gui/pages/index/index/[projectId].vue
@@ -3,7 +3,6 @@ import type { Form } from 'ant-design-vue'
 import type { ProjectType } from 'nocodb-sdk'
 import type { VNodeRef } from '@vue/runtime-core'
 import type { RuleObject } from 'ant-design-vue/es/form'
-import { storeToRefs } from 'pinia'
 import {
   extractSdkResponseErrorMsg,
   message,
@@ -11,6 +10,7 @@ import {
   projectTitleValidator,
   reactive,
   ref,
+  storeToRefs,
   useProject,
   useRoute,
 } from '#imports'

From 29a43aee105293faef6ba365a4fe28bff20ea3f2 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sun, 12 Mar 2023 10:53:08 +0530
Subject: [PATCH 20/24] fix: wrap store with `storeToRefs` wherever missing

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/cell/SingleSelect.vue   |  4 ++--
 .../components/dashboard/settings/DataSources.vue  |  4 ++--
 .../nc-gui/components/dashboard/settings/Misc.vue  |  4 ++--
 .../dashboard/settings/data-sources/CreateBase.vue |  3 ++-
 .../dashboard/settings/data-sources/EditBase.vue   |  3 ++-
 packages/nc-gui/components/dlg/AirtableImport.vue  |  3 ++-
 packages/nc-gui/components/dlg/TableRename.vue     |  3 ++-
 packages/nc-gui/components/erd/View.vue            |  4 ++--
 .../nc-gui/components/general/HelpAndSupport.vue   |  4 ++--
 packages/nc-gui/components/general/MiniSidebar.vue |  4 ++--
 .../nc-gui/components/smartsheet/ApiSnippet.vue    |  3 ++-
 .../column/LinkedToAnotherRecordOptions.vue        |  4 ++--
 .../components/smartsheet/column/LookupOptions.vue |  4 ++--
 .../components/smartsheet/column/RollupOptions.vue |  4 ++--
 .../smartsheet/toolbar/ExportSubActions.vue        |  3 ++-
 .../components/smartsheet/toolbar/FilterInput.vue  |  4 +++-
 .../components/smartsheet/toolbar/MoreActions.vue  |  3 ++-
 .../components/smartsheet/toolbar/RowHeight.vue    |  4 ++--
 .../components/smartsheet/toolbar/ShareView.vue    |  3 ++-
 .../components/smartsheet/toolbar/ViewActions.vue  |  3 ++-
 .../components/tabs/auth/ApiTokenManagement.vue    |  4 ++--
 .../nc-gui/components/tabs/auth/UserManagement.vue |  3 ++-
 .../tabs/auth/user-management/ShareBase.vue        | 14 ++++++++++++--
 .../tabs/auth/user-management/UsersModal.vue       |  3 ++-
 packages/nc-gui/components/template/Editor.vue     |  5 ++++-
 .../nc-gui/composables/useColumnCreateStore.ts     |  5 ++++-
 .../nc-gui/composables/useExpandedFormStore.ts     |  3 ++-
 packages/nc-gui/composables/useLTARStore.ts        |  3 ++-
 packages/nc-gui/composables/useMapViewDataStore.ts |  4 ++--
 29 files changed, 73 insertions(+), 42 deletions(-)

diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue
index b41f53fed6..dcdb5b3b28 100644
--- a/packages/nc-gui/components/cell/SingleSelect.vue
+++ b/packages/nc-gui/components/cell/SingleSelect.vue
@@ -18,8 +18,8 @@ import {
   inject,
   isDrawerOrModalExist,
   ref,
-  storeToRefs,
   useEventListener,
+  useProject,
   useRoles,
   useSelectedCellKeyupListener,
   watch,
@@ -61,7 +61,7 @@ const { getMeta } = useMetas()
 
 const { hasRole } = useRoles()
 
-const { isPg, isMysql } = storeToRefs(useProject())
+const { isPg, isMysql } = useProject()
 
 // a variable to keep newly created option value
 // temporary until it's add the option to column meta
diff --git a/packages/nc-gui/components/dashboard/settings/DataSources.vue b/packages/nc-gui/components/dashboard/settings/DataSources.vue
index 47d259c326..d59e3aa932 100644
--- a/packages/nc-gui/components/dashboard/settings/DataSources.vue
+++ b/packages/nc-gui/components/dashboard/settings/DataSources.vue
@@ -7,7 +7,7 @@ import Metadata from './Metadata.vue'
 import UIAcl from './UIAcl.vue'
 import Erd from './Erd.vue'
 import { ClientType, DataSourcesSubTab } from '~/lib'
-import { useNuxtApp, useProject } from '#imports'
+import { storeToRefs, useNuxtApp, useProject } from '#imports'
 
 interface Props {
   state: string
@@ -24,7 +24,7 @@ const vReload = useVModel(props, 'reload', emits)
 const { $api, $e } = useNuxtApp()
 const projectStore = useProject()
 const { loadProject } = projectStore
-const { project } = projectStore
+const { project } = storeToRefs(projectStore)
 
 let sources = $ref<BaseType[]>([])
 let activeBaseId = $ref('')
diff --git a/packages/nc-gui/components/dashboard/settings/Misc.vue b/packages/nc-gui/components/dashboard/settings/Misc.vue
index af6b07fcfe..803bb62ee2 100644
--- a/packages/nc-gui/components/dashboard/settings/Misc.vue
+++ b/packages/nc-gui/components/dashboard/settings/Misc.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { CheckboxChangeEvent } from 'ant-design-vue/es/checkbox/interface'
-import { useGlobal, useProject, watch } from '#imports'
+import { storeToRefs, useGlobal, useProject, watch } from '#imports'
 
 const { includeM2M, showNull } = useGlobal()
 
 const projectStore = useProject()
 const { updateProject, loadTables, hasEmptyOrNullFilters } = projectStore
-const { project, projectMeta } = projectStore
+const { project, projectMeta } = storeToRefs(projectStore)
 
 watch(includeM2M, async () => await loadTables())
 
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
index 7886695486..8aa4b3dc0e 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
@@ -20,6 +20,7 @@ import {
   projectTitleValidator,
   readFile,
   ref,
+  storeToRefs,
   useApi,
   useGlobal,
   useI18n,
@@ -35,7 +36,7 @@ const { appInfo } = useGlobal()
 
 const projectStore = useProject()
 const { loadProject } = projectStore
-const { project } = projectStore
+const { project } = storeToRefs(projectStore)
 
 const useForm = Form.useForm
 
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
index 1cf29424e7..1255ffb3e9 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
@@ -19,6 +19,7 @@ import {
   projectTitleValidator,
   readFile,
   ref,
+  storeToRefs,
   useApi,
   useI18n,
   useNuxtApp,
@@ -33,7 +34,7 @@ const emit = defineEmits(['baseUpdated'])
 
 const projectStore = useProject()
 const { loadProject } = projectStore
-const { project } = projectStore
+const { project } = storeToRefs(projectStore)
 
 const useForm = Form.useForm
 
diff --git a/packages/nc-gui/components/dlg/AirtableImport.vue b/packages/nc-gui/components/dlg/AirtableImport.vue
index 49034ffd64..78047c86ad 100644
--- a/packages/nc-gui/components/dlg/AirtableImport.vue
+++ b/packages/nc-gui/components/dlg/AirtableImport.vue
@@ -12,6 +12,7 @@ import {
   onBeforeUnmount,
   onMounted,
   ref,
+  storeToRefs,
   useGlobal,
   useNuxtApp,
   useProject,
@@ -33,7 +34,7 @@ const { $state } = useNuxtApp()
 
 const projectStore = useProject()
 
-const { project } = projectStore
+const { project } = storeToRefs(projectStore)
 
 const showGoToDashboardButton = ref(false)
 
diff --git a/packages/nc-gui/components/dlg/TableRename.vue b/packages/nc-gui/components/dlg/TableRename.vue
index 85d68d33fe..92eaa5091e 100644
--- a/packages/nc-gui/components/dlg/TableRename.vue
+++ b/packages/nc-gui/components/dlg/TableRename.vue
@@ -8,6 +8,7 @@ import {
   message,
   nextTick,
   reactive,
+  storeToRefs,
   useI18n,
   useMetas,
   useNuxtApp,
@@ -40,7 +41,7 @@ const { updateTab } = useTabs()
 
 const projectStore = useProject()
 const { loadTables, isMysql, isMssql, isPg } = projectStore
-const { project } = projectStore
+const { project } = storeToRefs(projectStore)
 
 const inputEl = $ref<ComponentPublicInstance>()
 
diff --git a/packages/nc-gui/components/erd/View.vue b/packages/nc-gui/components/erd/View.vue
index a476a73b17..4857bf4779 100644
--- a/packages/nc-gui/components/erd/View.vue
+++ b/packages/nc-gui/components/erd/View.vue
@@ -2,11 +2,11 @@
 import type { LinkToAnotherRecordType, TableType } from 'nocodb-sdk'
 import { UITypes } from 'nocodb-sdk'
 import type { ERDConfig } from './utils'
-import { reactive, ref, useMetas, useProject, watch } from '#imports'
+import { reactive, ref, storeToRefs, useMetas, useProject, watch } from '#imports'
 
 const props = defineProps<{ table?: TableType; baseId?: string }>()
 
-const { tables: projectTables } = useProject()
+const { tables: projectTables } = storeToRefs(useProject())
 
 const { metas, getMeta } = useMetas()
 
diff --git a/packages/nc-gui/components/general/HelpAndSupport.vue b/packages/nc-gui/components/general/HelpAndSupport.vue
index 106ecc506e..9a522c6907 100644
--- a/packages/nc-gui/components/general/HelpAndSupport.vue
+++ b/packages/nc-gui/components/general/HelpAndSupport.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import { ref, useGlobal, useProject, useRoute } from '#imports'
+import { ref, storeToRefs, useGlobal, useProject, useRoute } from '#imports'
 
 const showDrawer = ref(false)
 
 const { appInfo } = useGlobal()
 
-const { project } = useProject()
+const { project } = storeToRefs(useProject())
 
 const route = useRoute()
 
diff --git a/packages/nc-gui/components/general/MiniSidebar.vue b/packages/nc-gui/components/general/MiniSidebar.vue
index 50c73fefd0..af2d15b08d 100644
--- a/packages/nc-gui/components/general/MiniSidebar.vue
+++ b/packages/nc-gui/components/general/MiniSidebar.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import { computed, navigateTo, useGlobal, useProject, useRoute, useSidebar } from '#imports'
+import { computed, navigateTo, storeToRefs, useGlobal, useProject, useRoute, useSidebar } from '#imports'
 
 const { signOut, signedIn, user, currentVersion } = useGlobal()
 
 const { isOpen } = useSidebar('nc-mini-sidebar', { isOpen: true })
 
-const { project } = useProject()
+const { project } = storeToRefs(useProject())
 
 const route = useRoute()
 
diff --git a/packages/nc-gui/components/smartsheet/ApiSnippet.vue b/packages/nc-gui/components/smartsheet/ApiSnippet.vue
index 8a892c2748..192af6a237 100644
--- a/packages/nc-gui/components/smartsheet/ApiSnippet.vue
+++ b/packages/nc-gui/components/smartsheet/ApiSnippet.vue
@@ -6,6 +6,7 @@ import {
   inject,
   message,
   ref,
+  storeToRefs,
   useCopy,
   useGlobal,
   useI18n,
@@ -24,7 +25,7 @@ const emits = defineEmits(['update:modelValue'])
 
 const { t } = useI18n()
 
-const { project } = $(useProject())
+const { project } = $(storeToRefs(useProject()))
 
 const { appInfo, token } = $(useGlobal())
 
diff --git a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
index a7fb2485e7..0108fb8976 100644
--- a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ModelTypes, MssqlUi, SqliteUi } from 'nocodb-sdk'
-import { MetaInj, inject, ref, useProject, useVModel } from '#imports'
+import { MetaInj, inject, ref, storeToRefs, useProject, useVModel } from '#imports'
 import MdiPlusIcon from '~icons/mdi/plus-circle-outline'
 import MdiMinusIcon from '~icons/mdi/minus-circle-outline'
 
@@ -16,7 +16,7 @@ const meta = $(inject(MetaInj, ref()))
 
 const { setAdditionalValidations, validateInfos, onDataTypeChange, sqlUi } = useColumnCreateStoreOrThrow()
 
-const { tables } = $(useProject())
+const { tables } = $(storeToRefs(useProject()))
 
 setAdditionalValidations({
   childId: [{ required: true, message: 'Required' }],
diff --git a/packages/nc-gui/components/smartsheet/column/LookupOptions.vue b/packages/nc-gui/components/smartsheet/column/LookupOptions.vue
index 6c11fe9c27..3ef7a455b8 100644
--- a/packages/nc-gui/components/smartsheet/column/LookupOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/LookupOptions.vue
@@ -3,7 +3,7 @@ import { onMounted } from '@vue/runtime-core'
 import type { ColumnType, LinkToAnotherRecordType, TableType } from 'nocodb-sdk'
 import { UITypes, isSystemColumn } from 'nocodb-sdk'
 import { getRelationName } from './utils'
-import { MetaInj, inject, ref, useColumnCreateStoreOrThrow, useMetas, useProject, useVModel } from '#imports'
+import { MetaInj, inject, ref, storeToRefs, useColumnCreateStoreOrThrow, useMetas, useProject, useVModel } from '#imports'
 
 const props = defineProps<{
   value: any
@@ -17,7 +17,7 @@ const meta = $(inject(MetaInj, ref()))
 
 const { setAdditionalValidations, validateInfos, onDataTypeChange, isEdit } = useColumnCreateStoreOrThrow()
 
-const { tables } = $(useProject())
+const { tables } = $(storeToRefs(useProject()))
 
 const { metas } = $(useMetas())
 
diff --git a/packages/nc-gui/components/smartsheet/column/RollupOptions.vue b/packages/nc-gui/components/smartsheet/column/RollupOptions.vue
index e52ad0da7f..54b24069af 100644
--- a/packages/nc-gui/components/smartsheet/column/RollupOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/RollupOptions.vue
@@ -3,7 +3,7 @@ import { onMounted } from '@vue/runtime-core'
 import type { ColumnType, LinkToAnotherRecordType, TableType } from 'nocodb-sdk'
 import { UITypes, isSystemColumn, isVirtualCol } from 'nocodb-sdk'
 import { getRelationName } from './utils'
-import { MetaInj, inject, ref, useColumnCreateStoreOrThrow, useMetas, useProject, useVModel } from '#imports'
+import { MetaInj, inject, ref, storeToRefs, useColumnCreateStoreOrThrow, useMetas, useProject, useVModel } from '#imports'
 
 const props = defineProps<{
   value: any
@@ -17,7 +17,7 @@ const meta = $(inject(MetaInj, ref()))
 
 const { setAdditionalValidations, validateInfos, onDataTypeChange, isEdit } = useColumnCreateStoreOrThrow()
 
-const { tables } = $(useProject())
+const { tables } = $(storeToRefs(useProject()))
 
 const { metas } = $(useMetas())
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ExportSubActions.vue b/packages/nc-gui/components/smartsheet/toolbar/ExportSubActions.vue
index 773e2f4187..ab9e3383f2 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ExportSubActions.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ExportSubActions.vue
@@ -10,6 +10,7 @@ import {
   inject,
   message,
   ref,
+  storeToRefs,
   useI18n,
   useNuxtApp,
   useProject,
@@ -22,7 +23,7 @@ const isPublicView = inject(IsPublicInj, ref(false))
 
 const fields = inject(FieldsInj, ref([]))
 
-const { project } = useProject()
+const { project } = storeToRefs(useProject())
 
 const { $api } = useNuxtApp()
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/FilterInput.vue b/packages/nc-gui/components/smartsheet/toolbar/FilterInput.vue
index f664861195..3d6b8d57dc 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/FilterInput.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/FilterInput.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { ColumnType } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import {
   ColumnInj,
   EditModeInj,
@@ -83,7 +84,8 @@ const checkTypeFunctions = {
 
 type FilterType = keyof typeof checkTypeFunctions
 
-const { sqlUi } = $(useProject())
+// todo: replace with sqlUis
+const { sqlUi } = $(storeToRefs(useProject()))
 
 const abstractType = $computed(() => (column.value?.dt && sqlUi ? sqlUi.getAbstractType(column.value) : null))
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/MoreActions.vue b/packages/nc-gui/components/smartsheet/toolbar/MoreActions.vue
index ba0f44136d..a38bc1da62 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/MoreActions.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/MoreActions.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { RequestParams } from 'nocodb-sdk'
 import { ExportTypes } from 'nocodb-sdk'
+import { storeToRefs } from 'pinia'
 import {
   ActiveViewInj,
   FieldsInj,
@@ -27,7 +28,7 @@ const isPublicView = inject(IsPublicInj, ref(false))
 
 const isView = false
 
-const { project } = useProject()
+const { project } = storeToRefs(useProject())
 
 const { $api } = useNuxtApp()
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/RowHeight.vue b/packages/nc-gui/components/smartsheet/toolbar/RowHeight.vue
index 177e748cf2..94284b1086 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/RowHeight.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/RowHeight.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { GridType } from 'nocodb-sdk'
-import { ActiveViewInj, IsLockedInj, inject, ref, useMenuCloseOnEsc } from '#imports'
+import { ActiveViewInj, IsLockedInj, inject, ref, storeToRefs, useMenuCloseOnEsc } from '#imports'
 
-const { isSharedBase } = useProject()
+const { isSharedBase } = storeToRefs(useProject())
 
 const view = inject(ActiveViewInj, ref())
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue b/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
index c44e3ca96f..02fc2bfb03 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
@@ -9,6 +9,7 @@ import {
   message,
   projectThemeColors,
   ref,
+  storeToRefs,
   useCopy,
   useDashboard,
   useI18n,
@@ -32,7 +33,7 @@ const { dashboardUrl } = useDashboard()
 
 const { isUIAllowed } = useUIPermission()
 
-const { isSharedBase } = useProject()
+const { isSharedBase } = storeToRefs(useProject())
 
 let showShareModel = $ref(false)
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
index 2a5c6f7e9e..8ee7f1b475 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
@@ -9,6 +9,7 @@ import {
   inject,
   message,
   ref,
+  storeToRefs,
   useI18n,
   useMenuCloseOnEsc,
   useNuxtApp,
@@ -58,7 +59,7 @@ const quickImportDialogs: Record<typeof quickImportDialogTypes[number], Ref<bool
 
 const { isUIAllowed } = useUIPermission()
 
-const { isSharedBase } = useProject()
+const { isSharedBase } = storeToRefs(useProject())
 
 const meta = inject(MetaInj, ref())
 
diff --git a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
index 20752fd43e..3a4adda3ef 100644
--- a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
+++ b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ApiTokenType } from 'nocodb-sdk'
-import { extractSdkResponseErrorMsg, message, onMounted, useCopy, useI18n, useNuxtApp, useProject } from '#imports'
+import { extractSdkResponseErrorMsg, message, onMounted, storeToRefs, useCopy, useI18n, useNuxtApp, useProject } from '#imports'
 
 interface ApiToken extends ApiTokenType {
   show?: boolean
@@ -10,7 +10,7 @@ const { t } = useI18n()
 
 const { $api, $e } = useNuxtApp()
 
-const { project } = $(useProject())
+const { project } = $(storeToRefs(useProject()))
 
 const { copy } = useCopy()
 
diff --git a/packages/nc-gui/components/tabs/auth/UserManagement.vue b/packages/nc-gui/components/tabs/auth/UserManagement.vue
index fa73d2f080..58ae377b37 100644
--- a/packages/nc-gui/components/tabs/auth/UserManagement.vue
+++ b/packages/nc-gui/components/tabs/auth/UserManagement.vue
@@ -7,6 +7,7 @@ import {
   onBeforeMount,
   projectRoleTagColors,
   ref,
+  storeToRefs,
   useApi,
   useCopy,
   useDashboard,
@@ -24,7 +25,7 @@ const { $e } = useNuxtApp()
 
 const { api } = useApi()
 
-const { project } = useProject()
+const { project } = storeToRefs(useProject())
 
 const { copy } = useCopy()
 
diff --git a/packages/nc-gui/components/tabs/auth/user-management/ShareBase.vue b/packages/nc-gui/components/tabs/auth/user-management/ShareBase.vue
index ae1fb34655..e5c37d7c7d 100644
--- a/packages/nc-gui/components/tabs/auth/user-management/ShareBase.vue
+++ b/packages/nc-gui/components/tabs/auth/user-management/ShareBase.vue
@@ -1,5 +1,15 @@
 <script setup lang="ts">
-import { extractSdkResponseErrorMsg, message, onMounted, useCopy, useDashboard, useI18n, useNuxtApp, useProject } from '#imports'
+import {
+  extractSdkResponseErrorMsg,
+  message,
+  onMounted,
+  storeToRefs,
+  useCopy,
+  useDashboard,
+  useI18n,
+  useNuxtApp,
+  useProject,
+} from '#imports'
 
 interface ShareBase {
   uuid?: string
@@ -22,7 +32,7 @@ let base = $ref<null | ShareBase>(null)
 
 const showEditBaseDropdown = $ref(false)
 
-const { project } = useProject()
+const { project } = storeToRefs(useProject())
 
 const { copy } = useCopy()
 
diff --git a/packages/nc-gui/components/tabs/auth/user-management/UsersModal.vue b/packages/nc-gui/components/tabs/auth/user-management/UsersModal.vue
index 2d18e91336..26c2649457 100644
--- a/packages/nc-gui/components/tabs/auth/user-management/UsersModal.vue
+++ b/packages/nc-gui/components/tabs/auth/user-management/UsersModal.vue
@@ -9,6 +9,7 @@ import {
   projectRoleTagColors,
   projectRoles,
   ref,
+  storeToRefs,
   useActiveKeyupListener,
   useCopy,
   useDashboard,
@@ -37,7 +38,7 @@ const emit = defineEmits(['closed', 'reload'])
 
 const { t } = useI18n()
 
-const { project } = useProject()
+const { project } = storeToRefs(useProject())
 
 const { $api, $e } = useNuxtApp()
 
diff --git a/packages/nc-gui/components/template/Editor.vue b/packages/nc-gui/components/template/Editor.vue
index 22b17e6543..eb95662fa7 100644
--- a/packages/nc-gui/components/template/Editor.vue
+++ b/packages/nc-gui/components/template/Editor.vue
@@ -24,6 +24,7 @@ import {
   parseStringDate,
   reactive,
   ref,
+  storeToRefs,
   useI18n,
   useNuxtApp,
   useProject,
@@ -67,7 +68,9 @@ const { $api } = useNuxtApp()
 
 const { addTab } = useTabs()
 
-const { sqlUis, project, loadTables } = useProject()
+const projectStrore = useProject()
+const { loadTables } = projectStrore
+const { sqlUis, project } = storeToRefs(projectStrore)
 
 const sqlUi = ref(sqlUis.value[baseId] || Object.values(sqlUis.value)[0])
 
diff --git a/packages/nc-gui/composables/useColumnCreateStore.ts b/packages/nc-gui/composables/useColumnCreateStore.ts
index d1b5ebb68b..8681cba111 100644
--- a/packages/nc-gui/composables/useColumnCreateStore.ts
+++ b/packages/nc-gui/composables/useColumnCreateStore.ts
@@ -10,6 +10,7 @@ import {
   extractSdkResponseErrorMsg,
   message,
   ref,
+  storeToRefs,
   useI18n,
   useMetas,
   useNuxtApp,
@@ -27,7 +28,9 @@ interface ValidationsObj {
 
 const [useProvideColumnCreateStore, useColumnCreateStore] = createInjectionState(
   (meta: Ref<TableType | undefined>, column: Ref<ColumnType | undefined>) => {
-    const { project, sqlUis, isMysql: isMysqlFunc, isPg: isPgFunc, isMssql: isMssqlFunc } = useProject()
+    const projectStore = useProject()
+    const { isMysql: isMysqlFunc, isPg: isPgFunc, isMssql: isMssqlFunc } = projectStore
+    const { project, sqlUis } = storeToRefs(projectStore)
 
     const { $api } = useNuxtApp()
 
diff --git a/packages/nc-gui/composables/useExpandedFormStore.ts b/packages/nc-gui/composables/useExpandedFormStore.ts
index 79f4590c30..b21c972d0a 100644
--- a/packages/nc-gui/composables/useExpandedFormStore.ts
+++ b/packages/nc-gui/composables/useExpandedFormStore.ts
@@ -11,6 +11,7 @@ import {
   message,
   populateInsertObject,
   ref,
+  storeToRefs,
   useApi,
   useI18n,
   useInjectionState,
@@ -42,7 +43,7 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
 
   const changedColumns = ref(new Set<string>())
 
-  const { project } = useProject()
+  const { project } = storeToRefs(useProject())
 
   const rowStore = useProvideSmartsheetRowStore(meta, row)
 
diff --git a/packages/nc-gui/composables/useLTARStore.ts b/packages/nc-gui/composables/useLTARStore.ts
index 5ed203b7e1..443492b65d 100644
--- a/packages/nc-gui/composables/useLTARStore.ts
+++ b/packages/nc-gui/composables/useLTARStore.ts
@@ -11,6 +11,7 @@ import {
   message,
   reactive,
   ref,
+  storeToRefs,
   useI18n,
   useInjectionState,
   useMetas,
@@ -38,7 +39,7 @@ const [useProvideLTARStore, useLTARStore] = useInjectionState(
     // state
     const { metas, getMeta } = useMetas()
 
-    const { project } = useProject()
+    const { project } = storeToRefs(useProject())
 
     const { $api } = useNuxtApp()
 
diff --git a/packages/nc-gui/composables/useMapViewDataStore.ts b/packages/nc-gui/composables/useMapViewDataStore.ts
index 1ac4a6ecba..3402e6930f 100644
--- a/packages/nc-gui/composables/useMapViewDataStore.ts
+++ b/packages/nc-gui/composables/useMapViewDataStore.ts
@@ -1,7 +1,7 @@
 import { reactive } from 'vue'
 import type { ComputedRef, Ref } from 'vue'
 import type { ColumnType, MapType, PaginatedType, TableType, ViewType } from 'nocodb-sdk'
-import { IsPublicInj, ref, useInjectionState, useMetas, useProject } from '#imports'
+import { IsPublicInj, ref, storeToRefs, useInjectionState, useMetas, useProject } from '#imports'
 import type { Row } from '~/lib'
 
 const storedValue = localStorage.getItem('geodataToggleState')
@@ -35,7 +35,7 @@ const [useProvideMapViewStore, useMapViewStore] = useInjectionState(
 
     const { api } = useApi()
 
-    const { project } = useProject()
+    const { project } = storeToRefs(useProject())
 
     const { $api } = useNuxtApp()
 

From dcc4144a84f48a3775fe2e97ee84ffd2afda4710 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sun, 12 Mar 2023 10:57:41 +0530
Subject: [PATCH 21/24] fix: remove unnecessary storeToRefs wrapping

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/composables/useMultiSelect/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/composables/useMultiSelect/index.ts b/packages/nc-gui/composables/useMultiSelect/index.ts
index a55516e740..2c816e88ef 100644
--- a/packages/nc-gui/composables/useMultiSelect/index.ts
+++ b/packages/nc-gui/composables/useMultiSelect/index.ts
@@ -53,7 +53,7 @@ export function useMultiSelect(
 
   const { appInfo } = useGlobal()
 
-  const { isMysql } = storeToRefs(useProject)
+  const { isMysql } = useProject()
 
   let clipboardContext = $ref<{ value: any; uidt: UITypes } | null>(null)
 

From 618c069db3ca0cf54f3ccd04427c0356acc8f93b Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 13 Mar 2023 11:30:15 +0530
Subject: [PATCH 22/24] fix: add action to set project value

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/composables/useMultiSelect/index.ts   | 1 -
 packages/nc-gui/composables/useSharedFormViewStore.ts | 8 +++++---
 packages/nc-gui/store/project.ts                      | 5 +++++
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/composables/useMultiSelect/index.ts b/packages/nc-gui/composables/useMultiSelect/index.ts
index 2c816e88ef..507cd81f63 100644
--- a/packages/nc-gui/composables/useMultiSelect/index.ts
+++ b/packages/nc-gui/composables/useMultiSelect/index.ts
@@ -14,7 +14,6 @@ import {
   message,
   reactive,
   ref,
-  storeToRefs,
   unref,
   useCopy,
   useEventListener,
diff --git a/packages/nc-gui/composables/useSharedFormViewStore.ts b/packages/nc-gui/composables/useSharedFormViewStore.ts
index f302d17bce..cef09add04 100644
--- a/packages/nc-gui/composables/useSharedFormViewStore.ts
+++ b/packages/nc-gui/composables/useSharedFormViewStore.ts
@@ -17,6 +17,7 @@ import {
   useI18n,
   useInjectionState,
   useMetas,
+  useProject,
   useProvideSmartsheetRowStore,
   watch,
 } from '#imports'
@@ -44,7 +45,8 @@ const [useProvideSharedFormStore, useSharedFormStore] = useInjectionState((share
 
   const { metas, setMeta } = useMetas()
 
-  const { project } = storeToRefs(useProject)
+  const projectStore = useProject()
+  const { project } = storeToRefs(projectStore)
 
   const { t } = useI18n()
 
@@ -89,14 +91,14 @@ const [useProvideSharedFormStore, useSharedFormStore] = useInjectionState((share
 
       // if project is not defined then set it with an object containing base
       if (!project.value?.bases)
-        project.value = {
+        projectStore.setProject({
           bases: [
             {
               id: viewMeta.base_id,
               type: viewMeta.client,
             },
           ],
-        }
+        })
 
       const relatedMetas = { ...viewMeta.relatedMetas }
 
diff --git a/packages/nc-gui/store/project.ts b/packages/nc-gui/store/project.ts
index bfb2336dfd..ab32d6831f 100644
--- a/packages/nc-gui/store/project.ts
+++ b/packages/nc-gui/store/project.ts
@@ -186,6 +186,10 @@ export const useProject = defineStore('projectStore', () => {
     setTheme()
   }
 
+  const setProject = (projectVal: ProjectType) => {
+    project.value = projectVal
+  }
+
   watch(
     () => route.params.projectType,
     (n) => {
@@ -217,5 +221,6 @@ export const useProject = defineStore('projectStore', () => {
     lastOpenedViewMap,
     isXcdbBase,
     hasEmptyOrNullFilters,
+    setProject,
   }
 })

From cf6a22732a6e9dc9073226dedf15507dce606451 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 13 Mar 2023 11:33:02 +0530
Subject: [PATCH 23/24] fix: destructor and extract loadTables method from
 store

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dlg/AirtableImport.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/nc-gui/components/dlg/AirtableImport.vue b/packages/nc-gui/components/dlg/AirtableImport.vue
index 78047c86ad..5d9f89677c 100644
--- a/packages/nc-gui/components/dlg/AirtableImport.vue
+++ b/packages/nc-gui/components/dlg/AirtableImport.vue
@@ -34,6 +34,8 @@ const { $state } = useNuxtApp()
 
 const projectStore = useProject()
 
+const { loadTables } = projectStore;
+
 const { project } = storeToRefs(projectStore)
 
 const showGoToDashboardButton = ref(false)

From 61a08beeb0f3dca9780b643802ac429098243a56 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 13 Mar 2023 11:33:44 +0530
Subject: [PATCH 24/24] chore: lint

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dlg/AirtableImport.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/dlg/AirtableImport.vue b/packages/nc-gui/components/dlg/AirtableImport.vue
index 5d9f89677c..cbe6b67424 100644
--- a/packages/nc-gui/components/dlg/AirtableImport.vue
+++ b/packages/nc-gui/components/dlg/AirtableImport.vue
@@ -34,7 +34,7 @@ const { $state } = useNuxtApp()
 
 const projectStore = useProject()
 
-const { loadTables } = projectStore;
+const { loadTables } = projectStore
 
 const { project } = storeToRefs(projectStore)