From 8512e9b4409fa78ad5fa8abe8b262df21c5cb2e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D5=A1=C9=A8=D5=BC=C9=A2=D3=84=D5=A1=D6=85=D5=BC=C9=A2?=
 <wingkwong.code@gmail.com>
Date: Wed, 6 Dec 2023 22:23:45 +0800
Subject: [PATCH] chore(nc-gui): lint

---
 packages/nc-gui/components/cell/Json.vue                  | 2 +-
 packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue | 1 -
 .../nc-gui/components/dashboard/settings/BaseAudit.vue    | 2 +-
 .../components/dlg/share-and-collaborate/SharePage.vue    | 2 +-
 packages/nc-gui/components/nc/Modal.vue                   | 4 ++--
 packages/nc-gui/components/nc/Pagination.vue              | 6 +-----
 packages/nc-gui/components/project/View.vue               | 1 -
 packages/nc-gui/components/template/Editor.vue            | 5 +----
 packages/nc-gui/composables/useColumnCreateStore.ts       | 8 --------
 packages/nc-gui/helpers/parsers/CSVTemplateAdapter.ts     | 2 +-
 packages/nc-gui/store/bases.ts                            | 2 +-
 11 files changed, 9 insertions(+), 26 deletions(-)

diff --git a/packages/nc-gui/components/cell/Json.vue b/packages/nc-gui/components/cell/Json.vue
index 1bfe340b3d..ed86f5707c 100644
--- a/packages/nc-gui/components/cell/Json.vue
+++ b/packages/nc-gui/components/cell/Json.vue
@@ -156,7 +156,7 @@ watch(isExpanded, () => {
     :closable="false"
     centered
     :footer="null"
-    v-bind:wrap-class-name="isExpanded ? '!z-1051' : null"
+    :wrap-class-name="isExpanded ? '!z-1051' : null"
   >
     <div v-if="editEnabled && !readonly" class="flex flex-col w-full" @mousedown.stop @mouseup.stop @click.stop>
       <div class="flex flex-row justify-between pt-1 pb-2 nc-json-action" @mousedown.stop>
diff --git a/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue b/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
index 684808036a..e73cfe23f0 100644
--- a/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
+++ b/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import GithubButton from 'vue-github-button'
 import {
   computed,
   message,
diff --git a/packages/nc-gui/components/dashboard/settings/BaseAudit.vue b/packages/nc-gui/components/dashboard/settings/BaseAudit.vue
index 815ecf353e..381402315f 100644
--- a/packages/nc-gui/components/dashboard/settings/BaseAudit.vue
+++ b/packages/nc-gui/components/dashboard/settings/BaseAudit.vue
@@ -135,8 +135,8 @@ const columns = [
         v-model:page-size="currentLimit"
         :total="+totalRows"
         show-less-items
-        @change="loadAudits"
         class="pagination"
+        @change="loadAudits"
       />
     </div>
   </div>
diff --git a/packages/nc-gui/components/dlg/share-and-collaborate/SharePage.vue b/packages/nc-gui/components/dlg/share-and-collaborate/SharePage.vue
index 0ce368e401..0071126ba7 100644
--- a/packages/nc-gui/components/dlg/share-and-collaborate/SharePage.vue
+++ b/packages/nc-gui/components/dlg/share-and-collaborate/SharePage.vue
@@ -277,7 +277,7 @@ const isPublicShared = computed(() => {
   <div class="flex flex-col py-2 px-3 mb-1">
     <div class="flex flex-col w-full mt-2.5 px-3 py-2.5 border-gray-200 border-1 rounded-md gap-y-2">
       <div class="flex flex-row w-full justify-between py-0.5">
-        <div class="text-gray-900 font-medium" >{{ $t('activity.enabledPublicViewing') }}</div>
+        <div class="text-gray-900 font-medium">{{ $t('activity.enabledPublicViewing') }}</div>
         <a-switch
           v-e="['c:share:view:enable:toggle']"
           data-testid="share-view-toggle"
diff --git a/packages/nc-gui/components/nc/Modal.vue b/packages/nc-gui/components/nc/Modal.vue
index 535ff562ce..564fb50d73 100644
--- a/packages/nc-gui/components/nc/Modal.vue
+++ b/packages/nc-gui/components/nc/Modal.vue
@@ -66,7 +66,7 @@ const height = computed(() => {
   return 'auto'
 })
 
-const wrapClassName = computed(() => {
+const newWrapClassName = computed(() => {
   let className = 'nc-modal-wrapper'
   if (_wrapClassName) {
     className += ` ${_wrapClassName}`
@@ -86,7 +86,7 @@ const slots = useSlots()
     :width="width"
     :centered="true"
     :closable="false"
-    :wrap-class-name="wrapClassName"
+    :wrap-class-name="newWrapClassName"
     :footer="null"
     :mask-closable="maskClosable"
     :destroy-on-close="destroyOnClose"
diff --git a/packages/nc-gui/components/nc/Pagination.vue b/packages/nc-gui/components/nc/Pagination.vue
index 8072f0654c..ec8bb6b2d3 100644
--- a/packages/nc-gui/components/nc/Pagination.vue
+++ b/packages/nc-gui/components/nc/Pagination.vue
@@ -90,11 +90,7 @@ const pagesList = computed(() => {
     </component>
 
     <div v-if="!isMobileMode" class="text-gray-600">
-      <a-select
-        v-model:value="current"
-        class="!mr-[2px]"
-        :options="pagesList"
-      >
+      <a-select v-model:value="current" class="!mr-[2px]" :options="pagesList">
         <template #suffixIcon>
           <GeneralIcon icon="arrowDown" class="text-gray-500 nc-select-expand-btn" />
         </template>
diff --git a/packages/nc-gui/components/project/View.vue b/packages/nc-gui/components/project/View.vue
index f932dd6a7e..e86cbe25f2 100644
--- a/packages/nc-gui/components/project/View.vue
+++ b/packages/nc-gui/components/project/View.vue
@@ -86,7 +86,6 @@ watch(
     if (newVal && oldVal === undefined) {
       updateBaseUserCount()
     }
-    return
   },
   { immediate: true },
 )
diff --git a/packages/nc-gui/components/template/Editor.vue b/packages/nc-gui/components/template/Editor.vue
index b22ec7fa65..a0d9b38211 100644
--- a/packages/nc-gui/components/template/Editor.vue
+++ b/packages/nc-gui/components/template/Editor.vue
@@ -131,10 +131,7 @@ const validators = computed(() =>
     hasSelectColumn.value[tableIdx] = false
 
     table.columns?.forEach((column, columnIdx) => {
-      acc[`tables.${tableIdx}.columns.${columnIdx}.title`] = [
-        fieldRequiredValidator(),
-        fieldLengthValidator(),
-      ]
+      acc[`tables.${tableIdx}.columns.${columnIdx}.title`] = [fieldRequiredValidator(), fieldLengthValidator()]
       acc[`tables.${tableIdx}.columns.${columnIdx}.uidt`] = [fieldRequiredValidator()]
       if (isSelect(column)) {
         hasSelectColumn.value[tableIdx] = true
diff --git a/packages/nc-gui/composables/useColumnCreateStore.ts b/packages/nc-gui/composables/useColumnCreateStore.ts
index eef2133cf2..f01bde2160 100644
--- a/packages/nc-gui/composables/useColumnCreateStore.ts
+++ b/packages/nc-gui/composables/useColumnCreateStore.ts
@@ -40,8 +40,6 @@ const [useProvideColumnCreateStore, useColumnCreateStore] = createInjectionState
 
     const { sqlUis } = storeToRefs(baseStore)
 
-    const { bases } = storeToRefs(useBases())
-
     const { $api } = useNuxtApp()
 
     const { getMeta } = useMetas()
@@ -66,12 +64,6 @@ const [useProvideColumnCreateStore, useColumnCreateStore] = createInjectionState
       isXcdbBaseFunc(meta.value?.source_id ? meta.value?.source_id : Object.keys(sqlUis.value)[0]),
     )
 
-    const source = computed(() =>
-      meta.value && meta.value.source_id && meta.value.base_id
-        ? bases.value.get(meta.value?.base_id as string)?.sources?.find((s) => s.id === meta.value!.source_id)
-        : undefined,
-    )
-
     const idType = null
 
     const additionalValidations = ref<ValidationsObj>({})
diff --git a/packages/nc-gui/helpers/parsers/CSVTemplateAdapter.ts b/packages/nc-gui/helpers/parsers/CSVTemplateAdapter.ts
index d3f20b80a5..6b635f4da4 100644
--- a/packages/nc-gui/helpers/parsers/CSVTemplateAdapter.ts
+++ b/packages/nc-gui/helpers/parsers/CSVTemplateAdapter.ts
@@ -58,7 +58,7 @@ export default class CSVTemplateAdapter {
     this.tables[tableIdx] = []
 
     for (const [columnIdx, columnName] of columnNames.entries()) {
-      let title = ((columnNameRowExist && columnName.toString().trim()) || `Field ${columnIdx + 1}`).trim()
+      const title = ((columnNameRowExist && columnName.toString().trim()) || `Field ${columnIdx + 1}`).trim()
       let cn: string = ((columnNameRowExist && columnName.toString().trim()) || `field_${columnIdx + 1}`)
         .replace(/[` ~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/g, '_')
         .trim()
diff --git a/packages/nc-gui/store/bases.ts b/packages/nc-gui/store/bases.ts
index 5520641f45..b1a74e6857 100644
--- a/packages/nc-gui/store/bases.ts
+++ b/packages/nc-gui/store/bases.ts
@@ -13,7 +13,7 @@ export const useBases = defineStore('basesStore', () => {
 
   const basesList = computed<NcProject[]>(() => Array.from(bases.value.values()).sort((a, b) => a.updated_at - b.updated_at))
   const baseUserCount = ref<number | undefined>(undefined)
-  
+
   const router = useRouter()
   const route = router.currentRoute