diff --git a/packages/nc-gui/components/ai/Erd/Flow.vue b/packages/nc-gui/components/ai/Erd/Flow.vue
index f80ca55d10..c5fd5bb770 100644
--- a/packages/nc-gui/components/ai/Erd/Flow.vue
+++ b/packages/nc-gui/components/ai/Erd/Flow.vue
@@ -32,12 +32,12 @@ async function init() {
   // Center elements without changing zoom level
   await nextTick()
   setTimeout(() => {
-    fitView({ 
-      duration: 200, 
+    fitView({
+      duration: 200,
       padding: 0.1,
       // Don't change zoom - keep current zoom level but center the content
       minZoom: viewport.value.zoom || 1,
-      maxZoom: viewport.value.zoom || 1
+      maxZoom: viewport.value.zoom || 1,
     })
   }, 100)
 }
diff --git a/packages/nc-gui/components/ai/Erd/utils.ts b/packages/nc-gui/components/ai/Erd/utils.ts
index 836c5c29da..31b5f5588c 100644
--- a/packages/nc-gui/components/ai/Erd/utils.ts
+++ b/packages/nc-gui/components/ai/Erd/utils.ts
@@ -76,11 +76,11 @@ export function useErdElements(schema: MaybeRef<AiBaseSchema>, props: MaybeRef<A
 
   const dagreGraph = new dagre.graphlib.Graph()
   dagreGraph.setDefaultEdgeLabel(() => ({}))
-  dagreGraph.setGraph({ 
+  dagreGraph.setGraph({
     rankdir: 'LR',
     align: 'UL',
     nodesep: 50,
-    ranksep: 100
+    ranksep: 100,
   })
 
   const erdSchema = computed(() => unref(schema))
@@ -232,14 +232,23 @@ export function useErdElements(schema: MaybeRef<AiBaseSchema>, props: MaybeRef<A
       dagre.layout(dagreGraph)
 
       // Calculate bounds to center the layout
-      let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity
-      
+      let minX = Infinity
+      let minY = Infinity
+      let maxX = -Infinity
+      let maxY = -Infinity
+
       for (const el of elements.value) {
         if (isNode(el)) {
           const nodeWithPosition = dagreGraph.node(el.id)
           const width = skeleton ? nodeWidth * 3 : nodeWidth
-          const height = nodeHeight.value + (skeleton ? 250 : (el as Node<AiNodeData>).data!.columnLength > 0 ? nodeHeight.value * (el as Node<AiNodeData>).data!.columnLength : nodeHeight.value)
-          
+          const height =
+            nodeHeight.value +
+            (skeleton
+              ? 250
+              : (el as Node<AiNodeData>).data!.columnLength > 0
+              ? nodeHeight.value * (el as Node<AiNodeData>).data!.columnLength
+              : nodeHeight.value)
+
           minX = Math.min(minX, nodeWithPosition.x - width / 2)
           minY = Math.min(minY, nodeWithPosition.y - height / 2)
           maxX = Math.max(maxX, nodeWithPosition.x + width / 2)
@@ -260,9 +269,9 @@ export function useErdElements(schema: MaybeRef<AiBaseSchema>, props: MaybeRef<A
           el.targetPosition = Position.Left
           el.sourcePosition = Position.Right
           // Apply center offset to position nodes around the origin
-          el.position = { 
-            x: nodeWithPosition.x + centerOffsetX, 
-            y: nodeWithPosition.y + centerOffsetY 
+          el.position = {
+            x: nodeWithPosition.x + centerOffsetX,
+            y: nodeWithPosition.y + centerOffsetY,
           }
           el.class = ['rounded-lg border-1 border-gray-200 shadow-lg'].join(' ')
           el.data.color = color
diff --git a/packages/nc-gui/components/erd/Flow.vue b/packages/nc-gui/components/erd/Flow.vue
index 2200b88eda..65bc68ef2d 100644
--- a/packages/nc-gui/components/erd/Flow.vue
+++ b/packages/nc-gui/components/erd/Flow.vue
@@ -33,12 +33,12 @@ async function init() {
   // Center elements without changing zoom level
   await nextTick()
   setTimeout(() => {
-    fitView({ 
-      duration: 200, 
+    fitView({
+      duration: 200,
       padding: 0.1,
       // Don't change zoom - keep current zoom level but center the content
       minZoom: viewport.value.zoom || 1,
-      maxZoom: viewport.value.zoom || 1
+      maxZoom: viewport.value.zoom || 1,
     })
   }, 100)
 }
diff --git a/packages/nc-gui/components/erd/View.vue b/packages/nc-gui/components/erd/View.vue
index 1df561f970..4443af4fbc 100644
--- a/packages/nc-gui/components/erd/View.vue
+++ b/packages/nc-gui/components/erd/View.vue
@@ -129,11 +129,7 @@ const filteredTables = computed(() =>
 )
 
 const currentSource = computed(() => {
-  return sources.value?.find((source: SourceType) =>
-    props?.sourceId
-      ? source.id === props.sourceId
-      : source.enabled
-  )
+  return sources.value?.find((source: SourceType) => (props?.sourceId ? source.id === props.sourceId : source.enabled))
 })
 
 const isExternalSource = computed(() => {
diff --git a/packages/nc-gui/components/erd/utils.ts b/packages/nc-gui/components/erd/utils.ts
index 9b1e2c5a6c..a2ba3ceb8b 100644
--- a/packages/nc-gui/components/erd/utils.ts
+++ b/packages/nc-gui/components/erd/utils.ts
@@ -60,11 +60,11 @@ export function useErdElements(tables: MaybeRef<TableType[]>, props: MaybeRef<ER
 
   const dagreGraph = new dagre.graphlib.Graph()
   dagreGraph.setDefaultEdgeLabel(() => ({}))
-  dagreGraph.setGraph({ 
+  dagreGraph.setGraph({
     rankdir: 'LR',
     align: 'UL',
     nodesep: 50,
-    ranksep: 100
+    ranksep: 100,
   })
 
   const { metasWithIdAsKey } = useMetas()
@@ -296,14 +296,23 @@ export function useErdElements(tables: MaybeRef<TableType[]>, props: MaybeRef<ER
       dagre.layout(dagreGraph)
 
       // Calculate bounds to center the layout
-      let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity
-      
+      let minX = Infinity
+      let minY = Infinity
+      let maxX = -Infinity
+      let maxY = -Infinity
+
       for (const el of elements.value) {
         if (isNode(el)) {
           const nodeWithPosition = dagreGraph.node(el.id)
           const width = skeleton ? nodeWidth * 3 : nodeWidth
-          const height = nodeHeight.value + (skeleton ? 250 : (el as Node<NodeData>).data!.columnLength > 0 ? nodeHeight.value * (el as Node<NodeData>).data!.columnLength : nodeHeight.value)
-          
+          const height =
+            nodeHeight.value +
+            (skeleton
+              ? 250
+              : (el as Node<NodeData>).data!.columnLength > 0
+              ? nodeHeight.value * (el as Node<NodeData>).data!.columnLength
+              : nodeHeight.value)
+
           minX = Math.min(minX, nodeWithPosition.x - width / 2)
           minY = Math.min(minY, nodeWithPosition.y - height / 2)
           maxX = Math.max(maxX, nodeWithPosition.x + width / 2)
@@ -324,9 +333,9 @@ export function useErdElements(tables: MaybeRef<TableType[]>, props: MaybeRef<ER
           el.targetPosition = Position.Left
           el.sourcePosition = Position.Right
           // Apply center offset to position nodes around the origin
-          el.position = { 
-            x: nodeWithPosition.x + centerOffsetX, 
-            y: nodeWithPosition.y + centerOffsetY 
+          el.position = {
+            x: nodeWithPosition.x + centerOffsetX,
+            y: nodeWithPosition.y + centerOffsetY,
           }
           el.class = ['rounded-lg border-1 border-gray-200 shadow-lg'].join(' ')
           el.data.color = color
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue b/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue
index eb777219fe..1c6ee5834e 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue
@@ -983,7 +983,7 @@ eventBus.on(async (event) => {
     </div>
 
     <template v-if="!nested">
-      <div class = "flex">
+      <div class="flex">
         <template v-if="isEeUI && !isPublic">
           <div
             v-if="!readOnly && filtersCount < getPlanLimit(PlanLimitTypes.LIMIT_FILTER_PER_VIEW)"
@@ -1006,7 +1006,7 @@ eventBus.on(async (event) => {
                 {{ isForm && !webHook ? $t('activity.addCondition') : $t('activity.addFilter') }}
               </div>
             </NcButton>
-  
+
             <NcButton
               v-if="nestedLevel < 5 && !readOnly"
               class="nc-btn-focus"
@@ -1024,7 +1024,7 @@ eventBus.on(async (event) => {
             </NcButton>
           </div>
         </template>
-  
+
         <template v-else-if="!readOnly">
           <div
             ref="addFiltersRowDomRef"
@@ -1047,7 +1047,7 @@ eventBus.on(async (event) => {
                 {{ isForm && !webHook ? $t('activity.addCondition') : $t('activity.addFilter') }}
               </div>
             </NcButton>
-  
+
             <NcButton
               v-if="!link && !webHook && nestedLevel < 5"
               class="nc-btn-focus"
diff --git a/packages/nc-gui/pages/playground/-helper/mock-setup.ts b/packages/nc-gui/pages/playground/-helper/mock-setup.ts
index 15347ed03d..a72dd9e57c 100644
--- a/packages/nc-gui/pages/playground/-helper/mock-setup.ts
+++ b/packages/nc-gui/pages/playground/-helper/mock-setup.ts
@@ -61,7 +61,7 @@ export const mockSetupInit = () => {
 
   return {
     metas,
-    meta: metas.value['mtWA9ZXvsuh'],
+    meta: metas.value.mtWA9ZXvsuh,
     rootMetaId: 'mtWA9ZXvsuh',
     bases: basesStore.bases,
     baseId: baseStore.forcedProjectId,
diff --git a/packages/nc-gui/pages/playground/components/filter/index.vue b/packages/nc-gui/pages/playground/components/filter/index.vue
index a38821b610..be400706ed 100644
--- a/packages/nc-gui/pages/playground/components/filter/index.vue
+++ b/packages/nc-gui/pages/playground/components/filter/index.vue
@@ -4,5 +4,4 @@ const router = useRouter()
 const route = router.currentRoute
 </script>
 
-<template>
-</template>
+<template></template>
diff --git a/packages/nc-gui/pages/playground/components/index.vue b/packages/nc-gui/pages/playground/components/index.vue
index a38821b610..be400706ed 100644
--- a/packages/nc-gui/pages/playground/components/index.vue
+++ b/packages/nc-gui/pages/playground/components/index.vue
@@ -4,5 +4,4 @@ const router = useRouter()
 const route = router.currentRoute
 </script>
 
-<template>
-</template>
+<template></template>
diff --git a/packages/nc-gui/pages/playground/components/row-color-picker-toolbar/index.vue b/packages/nc-gui/pages/playground/components/row-color-picker-toolbar/index.vue
index a38821b610..be400706ed 100644
--- a/packages/nc-gui/pages/playground/components/row-color-picker-toolbar/index.vue
+++ b/packages/nc-gui/pages/playground/components/row-color-picker-toolbar/index.vue
@@ -4,5 +4,4 @@ const router = useRouter()
 const route = router.currentRoute
 </script>
 
-<template>
-</template>
+<template></template>
diff --git a/packages/nc-gui/pages/playground/index.vue b/packages/nc-gui/pages/playground/index.vue
index 4136061b3c..be400706ed 100644
--- a/packages/nc-gui/pages/playground/index.vue
+++ b/packages/nc-gui/pages/playground/index.vue
@@ -4,6 +4,4 @@ const router = useRouter()
 const route = router.currentRoute
 </script>
 
-<template>
-
-</template>
+<template></template>