From 4a669461d7889863191e8e8866e3555f2b429beb Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 26 Jan 2023 10:57:09 +0800
Subject: [PATCH] chore(nc-gui): lint

---
 .../smartsheet/column/AttachmentOptions.vue           |  2 +-
 packages/nc-gui/components/virtual-cell/QrCode.vue    | 11 +++++++++--
 .../components/virtual-cell/barcode/Barcode.vue       |  4 ++--
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/AttachmentOptions.vue b/packages/nc-gui/components/smartsheet/column/AttachmentOptions.vue
index d3ad862cf4..7dd3884cb7 100644
--- a/packages/nc-gui/components/smartsheet/column/AttachmentOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/AttachmentOptions.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { TreeProps } from 'ant-design-vue'
+import type { CheckboxChangeEvent } from 'ant-design-vue/es/checkbox/interface'
 import { fileMimeTypeList, fileMimeTypes } from './utils'
 import { useGlobal, useVModel } from '#imports'
-import { CheckboxChangeEvent } from 'ant-design-vue/es/checkbox/interface'
 
 const props = defineProps<{
   value: any
diff --git a/packages/nc-gui/components/virtual-cell/QrCode.vue b/packages/nc-gui/components/virtual-cell/QrCode.vue
index 14b772bc74..4ba96f3ab7 100644
--- a/packages/nc-gui/components/virtual-cell/QrCode.vue
+++ b/packages/nc-gui/components/virtual-cell/QrCode.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useQRCode } from '@vueuse/integrations/useQRCode'
-import { GridType } from 'nocodb-sdk'
+import type { GridType } from 'nocodb-sdk'
 import { ActiveViewInj } from '#imports'
 
 const maxNumberOfAllowedCharsForQrValue = 2000
@@ -68,7 +68,14 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning } = us
   <div v-if="tooManyCharsForQrCode" class="text-left text-wrap mt-2 text-[#e65100] text-xs">
     {{ $t('labels.qrCodeValueTooLong') }}
   </div>
-  <img v-if="showQrCode" class="mx-auto" :style="{ height: rowHeight ? `${rowHeight * 1.4}rem` : `1.4rem` }" :src="qrCode" alt="QR Code" @click="showQrModal" />
+  <img
+    v-if="showQrCode"
+    class="mx-auto"
+    :style="{ height: rowHeight ? `${rowHeight * 1.4}rem` : `1.4rem` }"
+    :src="qrCode"
+    alt="QR Code"
+    @click="showQrModal"
+  />
   <div v-if="showEditNonEditableFieldWarning" class="text-left text-wrap mt-2 text-[#e65100] text-xs">
     {{ $t('msg.warning.nonEditableFields.computedFieldUnableToClear') }}
   </div>
diff --git a/packages/nc-gui/components/virtual-cell/barcode/Barcode.vue b/packages/nc-gui/components/virtual-cell/barcode/Barcode.vue
index 0736c937da..8fa34136e4 100644
--- a/packages/nc-gui/components/virtual-cell/barcode/Barcode.vue
+++ b/packages/nc-gui/components/virtual-cell/barcode/Barcode.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { ComputedRef } from 'vue'
+import type { GridType } from 'nocodb-sdk'
 import JsBarcodeWrapper from './JsBarcodeWrapper.vue'
-import { ComputedRef } from 'vue'
-import { GridType } from 'nocodb-sdk'
 import { ActiveViewInj } from '#imports'
 
 const maxNumberOfAllowedCharsForBarcodeValue = 100