From bcecbfb975be8f7a0bdc4635b159300653d5d36e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 30 Nov 2022 16:41:30 +0800
Subject: [PATCH] chore(nc-gui): lint

---
 .../smartsheet/column/QrCodeOptions.vue        | 18 +++++++++++++-----
 .../toolbar/FieldListAutoCompleteDropdown.vue  | 11 ++++++++---
 .../nc-gui/components/virtual-cell/QrCode.vue  |  8 ++++++--
 3 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/QrCodeOptions.vue b/packages/nc-gui/components/smartsheet/column/QrCodeOptions.vue
index de31f08694..be08672d7a 100644
--- a/packages/nc-gui/components/smartsheet/column/QrCodeOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/QrCodeOptions.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { AllowedColumnTypesForQrCode, UITypes } from 'nocodb-sdk'
+import type { UITypes } from 'nocodb-sdk'
+import { AllowedColumnTypesForQrCode } from 'nocodb-sdk'
 import type { SelectProps } from 'ant-design-vue'
 import { useVModel } from '#imports'
 
@@ -50,10 +51,17 @@ setAdditionalValidations({
 <template>
   <a-row>
     <a-col :span="24">
-      <a-form-item class="flex w-1/2 pb-2 nc-qr-code-value-column-select" :label="$t('labels.qrCodeValueColumn')"
-        v-bind="validateInfos.fk_qr_value_column_id">
-        <a-select v-model:value="vModel.fk_qr_value_column_id" :options="columnsAllowedAsQrValue"
-          placeholder="Select a column for the QR code value" @click.stop />
+      <a-form-item
+        class="flex w-1/2 pb-2 nc-qr-code-value-column-select"
+        :label="$t('labels.qrCodeValueColumn')"
+        v-bind="validateInfos.fk_qr_value_column_id"
+      >
+        <a-select
+          v-model:value="vModel.fk_qr_value_column_id"
+          :options="columnsAllowedAsQrValue"
+          placeholder="Select a column for the QR code value"
+          @click.stop
+        />
       </a-form-item>
     </a-col>
   </a-row>
diff --git a/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue b/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
index 4438508e65..96937c4a71 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
@@ -51,9 +51,14 @@ const filterOption = (input: string, option: any) => option.label.toLowerCase()?
 </script>
 
 <template>
-  <a-select v-model:value="localValue" :dropdown-match-select-width="false" show-search
-    :placeholder="$t('placeholder.selectField')" :filter-option="filterOption"
-    dropdown-class-name="nc-dropdown-toolbar-field-list">
+  <a-select
+    v-model:value="localValue"
+    :dropdown-match-select-width="false"
+    show-search
+    :placeholder="$t('placeholder.selectField')"
+    :filter-option="filterOption"
+    dropdown-class-name="nc-dropdown-toolbar-field-list"
+  >
     <a-select-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value">
       <div class="flex gap-2 items-center items-center h-full">
         <component :is="option.icon" class="min-w-5 !mx-0" />
diff --git a/packages/nc-gui/components/virtual-cell/QrCode.vue b/packages/nc-gui/components/virtual-cell/QrCode.vue
index f427124c69..7dae0c10da 100644
--- a/packages/nc-gui/components/virtual-cell/QrCode.vue
+++ b/packages/nc-gui/components/virtual-cell/QrCode.vue
@@ -30,8 +30,12 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning } = us
 </script>
 
 <template>
-  <a-modal v-model:visible="modalVisible" wrap-class-name="nc-qr-code-large" :body-style="{ padding: '0px' }"
-    @ok="handleModalOkClick">
+  <a-modal
+    v-model:visible="modalVisible"
+    wrap-class-name="nc-qr-code-large"
+    :body-style="{ padding: '0px' }"
+    @ok="handleModalOkClick"
+  >
     <template #footer>
       <div class="mr-4" data-testid="nc-qr-code-large-value-label">{{ qrValue }}</div>
     </template>