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