fix : eslint

packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue

@@ -355,10 +355,10 @@ onBeforeUnmount(() => {
                       <div class="flex items-center w-full justify-between w-full gap-2">
                         <div class="truncate flex-1 capitalize">{{ op.value }}</div>
                         <component
+                          :is="iconMap.check"
                           v-if="filter.logical_op === op.value"
                           id="selected-item-icon"
                           class="text-primary w-4 h-4"
-                          :is="iconMap.check"
                         />
                       </div>
                     </a-select-option>
@@ -409,10 +409,10 @@ onBeforeUnmount(() => {
                 <div class="flex items-center w-full justify-between w-full gap-2">
                   <div class="truncate flex-1 capitalize">{{ op.value }}</div>
                   <component
+                    :is="iconMap.check"
                     v-if="filter.logical_op === op.value"
                     id="selected-item-icon"
                     class="text-primary w-4 h-4"
-                    :is="iconMap.check"
                   />
                 </div>
               </a-select-option>
@@ -444,10 +444,10 @@ onBeforeUnmount(() => {
                   <div class="flex items-center w-full justify-between w-full gap-2">
                     <div class="truncate flex-1">{{ compOp.text }}</div>
                     <component
+                      :is="iconMap.check"
                       v-if="filter.comparison_op === compOp.value"
                       id="selected-item-icon"
                       class="text-primary w-4 h-4"
-                      :is="iconMap.check"
                     />
                   </div>
                 </a-select-option>
@@ -478,10 +478,10 @@ onBeforeUnmount(() => {
                       {{ compSubOp.text }}
                     </NcTooltip>
                     <component
+                      :is="iconMap.check"
                       v-if="filter.comparison_sub_op === compSubOp.value"
                       id="selected-item-icon"
                       class="text-primary w-4 h-4"
-                      :is="iconMap.check"
                     />
                   </div>
                 </a-select-option>

packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue

@@ -94,7 +94,7 @@ if (!localValue.value && allowEmpty !== true) {
             </span>
           </NcTooltip>
         </div>
-        <component v-if="localValue === option.value" id="selected-item-icon" class="text-primary w-4 h-4" :is="iconMap.check" />
+        <component :is="iconMap.check" v-if="localValue === option.value" id="selected-item-icon" class="text-primary w-4 h-4" />
       </div>
     </a-select-option>
   </NcSelect>

packages/nc-gui/components/smartsheet/toolbar/GroupByMenu.vue

@@ -251,10 +251,10 @@ watch(meta, async () => {
                 <div class="flex items-center justify-between gap-2">
                   <div class="truncate flex-1">{{ option.text }}</div>
                   <component
+                    :is="iconMap.check"
                     v-if="group.sort === option.value"
                     id="selected-item-icon"
                     class="text-primary w-4 h-4"
-                    :is="iconMap.check"
                   />
                 </div>
               </a-select-option>

packages/nc-gui/components/smartsheet/toolbar/RowHeight.vue

@@ -73,12 +73,12 @@ useMenuCloseOnEsc(open)
           <div class="nc-row-height-option" @click="updateRowHeight(0)">
             <GeneralIcon icon="heightShort" class="nc-row-height-icon" />
             {{ $t('objects.heightClass.short') }}
-            <component v-if="!(view?.view as GridType).row_height" class="text-primary w-4 h-4" :is="iconMap.check" />
+            <component :is="iconMap.check" v-if="!(view?.view as GridType).row_height" class="text-primary w-4 h-4" />
           </div>
           <div class="nc-row-height-option" @click="updateRowHeight(1)">
             <GeneralIcon icon="heightMedium" class="nc-row-height-icon" />
             {{ $t('objects.heightClass.medium') }}
-            <component v-if=" (view?.view as GridType).row_height === 1" class="text-primary w-4 h-4" :is="iconMap.check" />
+            <component :is="iconMap.check" v-if=" (view?.view as GridType).row_height === 1" class="text-primary w-4 h-4" />
           </div>
           <div
             class="nc-row-height-option"
@@ -87,7 +87,7 @@ useMenuCloseOnEsc(open)
           >
             <GeneralIcon icon="heightTall" class="nc-row-height-icon" />
             {{ $t('objects.heightClass.tall') }}
-            <component v-if=" (view?.view as GridType).row_height === 2" class="text-primary w-4 h-4" :is="iconMap.check" />
+            <component :is="iconMap.check" v-if=" (view?.view as GridType).row_height === 2" class="text-primary w-4 h-4" />
           </div>
           <div
             class="nc-row-height-option"
@@ -96,7 +96,7 @@ useMenuCloseOnEsc(open)
           >
             <GeneralIcon icon="heightExtra" class="nc-row-height-icon" />
             {{ $t('objects.heightClass.extra') }}
-            <component v-if=" (view?.view as GridType).row_height === 3" class="text-primary w-4 h-4" :is="iconMap.check" />
+            <component :is="iconMap.check" v-if=" (view?.view as GridType).row_height === 3" class="text-primary w-4 h-4" />
           </div>
         </div>
       </div>

packages/nc-gui/components/smartsheet/toolbar/SearchData.vue

@@ -119,10 +119,10 @@ watch(columns, () => {
               {{ op.label }}
             </NcTooltip>
             <component
+              :is="iconMap.check"
               v-if="search.field === op.value"
               id="selected-item-icon"
               class="text-primary w-4 h-4"
-              :is="iconMap.check"
             />
           </div>
         </a-select-option>
@@ -144,7 +144,6 @@ watch(columns, () => {
   </div>
 </template>
 
-
 <style scoped>
 :deep(input::placeholder) {
   @apply !text-gray-400;

packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue

@@ -162,10 +162,10 @@ onMounted(() => {
                 <div class="flex items-center justify-between gap-2">
                   <div class="truncate flex-1">{{ option.text }}</div>
                   <component
+                    :is="iconMap.check"
                     v-if="sort.direction === option.value"
                     id="selected-item-icon"
                     class="text-primary w-4 h-4"
-                    :is="iconMap.check"
                   />
                 </div>
               </a-select-option>