fix linting

src/components/ui/select/color.vue

@@ -17,7 +17,7 @@
       :title="t('pick')"
       class="top-0 left-0 absolute size-0"
       type="color"
-    />
+    >
 
     <UiTooltip :tooltip="t('reset')">
       <UiButton

src/components/ui/select/icon.vue

@@ -2,8 +2,8 @@
   <UDropdownMenu
     :items="icons"
     class="btn"
-    @select="(newIcon) => (iconName = newIcon)"
     :read_only
+    @select="(newIcon) => (iconName = newIcon)"
   >
     <template #activator>
       <Icon :name="iconName ? iconName : defaultIcon || icons.at(0)" />
@@ -12,8 +12,8 @@
     <template #items="{ items }">
       <div class="grid grid-cols-6 -ml-2">
         <li
-          class="dropdown-item"
           v-for="item in items"
+          class="dropdown-item"
           @click="read_only ? '' : (iconName = item)"
         >
           <Icon

src/components/ui/select/index.vue

@@ -6,8 +6,8 @@
     <button
       :id
       class="advance-select-toogle flex justify-between grow p-3"
-      @click.prevent="toogleMenu"
       :disabled="read_only"
+      @click.prevent="toogleMenu"
     >
       <slot
         name="value"
@@ -18,9 +18,9 @@
       </slot>
     </button>
     <button
-      @click.prevent="toogleMenu"
       class="flex items-center p-2 hover:shadow rounded-md hover:bg-primary hover:text-base-content"
       :disabled="read_only"
+      @click.prevent="toogleMenu"
     >
       <i class="i-[material-symbols--keyboard-arrow-down] size-4" />
     </button>