fix linting

src/components/haex/desktop/extension-frame.vue

@@ -36,7 +36,7 @@
       <div class="flex flex-col items-center gap-4">
         <div
           class="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500"
-        ></div>
+        />
         <p class="text-sm text-gray-600 dark:text-gray-400">
           Loading extension...
         </p>

src/components/haex/desktop/icon.vue

@@ -37,7 +37,7 @@
               :alt="label"
               class="w-14 h-14 object-contain transition-transform duration-200"
               :class="{ 'scale-110': isSelected }"
-            />
+            >
             <UIcon
               v-else
               name="i-heroicons-puzzle-piece-solid"

src/components/haex/desktop/index.vue

@@ -14,9 +14,9 @@
       no-swiping-class="no-swipe"
       :allow-touch-move="allowSwipe"
       class="w-full h-full"
+      direction="vertical"
       @swiper="onSwiperInit"
       @slide-change="onSlideChange"
-      direction="vertical"
     >
       <SwiperSlide
         v-for="workspace in workspaces"
@@ -115,12 +115,12 @@
                       windowManager.showWindowOverview || !window.isMinimized
                     "
                     :id="window.id"
-                    :title="window.title"
-                    :icon="window.icon"
                     v-model:x="overviewWindowState.get(window.id)!.x"
                     v-model:y="overviewWindowState.get(window.id)!.y"
                     v-model:width="overviewWindowState.get(window.id)!.width"
                     v-model:height="overviewWindowState.get(window.id)!.height"
+                    :title="window.title"
+                    :icon="window.icon"
                     :is-active="windowManager.isWindowActive(window.id)"
                     :source-x="window.sourceX"
                     :source-y="window.sourceY"
@@ -162,12 +162,12 @@
                 v-else
                 v-show="windowManager.showWindowOverview || !window.isMinimized"
                 :id="window.id"
-                :title="window.title"
-                :icon="window.icon"
                 v-model:x="window.x"
                 v-model:y="window.y"
                 v-model:width="window.width"
                 v-model:height="window.height"
+                :title="window.title"
+                :icon="window.icon"
                 :is-active="windowManager.isWindowActive(window.id)"
                 :source-x="window.sourceX"
                 :source-y="window.sourceY"

src/components/haex/extension/manifest/permissions/database.vue

@@ -15,7 +15,7 @@
             type="checkbox"
             class="checkbox"
             :checked="Object.values(read).at(0)"
-          />
+          >
           <label
             class="label-text text-base"
             :for="Object.keys(read).at(0)"
@@ -42,7 +42,7 @@
             type="checkbox"
             class="checkbox"
             :checked="Object.values(write).at(0)"
-          />
+          >
           <label
             class="label-text text-base"
             :for="Object.keys(write).at(0)"
@@ -69,7 +69,7 @@
             type="checkbox"
             class="checkbox"
             :checked="Object.values(create).at(0)"
-          />
+          >
           <label
             class="label-text text-base"
             :for="Object.keys(create).at(0)"

src/components/haex/extension/manifest/permissions/filesystem.vue

@@ -14,7 +14,7 @@
             type="checkbox"
             class="checkbox"
             :checked="Object.values(read).at(0)"
-          />
+          >
           <label
             class="label-text text-base"
             :for="Object.keys(read).at(0)"
@@ -41,7 +41,7 @@
             type="checkbox"
             class="checkbox"
             :checked="Object.values(write).at(0)"
-          />
+          >
           <label
             class="label-text text-base"
             :for="Object.keys(write).at(0)"

src/components/haex/extension/manifest/permissions/http.vue

@@ -15,7 +15,7 @@
             type="checkbox"
             class="checkbox"
             :checked="Object.values(access).at(0)"
-          />
+          >
           <label
             class="label-text text-base"
             :for="Object.keys(access).at(0)"

src/components/haex/system/marketplace.vue

@@ -33,8 +33,8 @@
           :label="t('extension.installFromFile')"
           icon="i-heroicons-arrow-up-tray"
           color="neutral"
-          @click="onSelectExtensionAsync"
           block
+          @click="onSelectExtensionAsync"
         />
       </div>
     </div>

src/components/haex/system/settings.vue

@@ -33,7 +33,7 @@
         />
       </div>
 
-      <div class="h-full"></div>
+      <div class="h-full"/>
     </div>
   </div>
 </template>

src/components/haex/window/index.vue

@@ -23,7 +23,7 @@
           v-if="icon"
           :src="icon"
           :alt="title"
-          class="w-5 h-5 object-contain flex-shrink-0"
+          class="w-5 h-5 object-contain shrink-0"
         />
       </div>
 

src/components/haex/window/overview.vue

@@ -49,8 +49,7 @@
                   color="info"
                   size="xs"
                   :title="t('minimized')"
-                >
+                />
-                </UBadge>
               </div>
 
               <!-- Scaled Window Preview Container / Teleport Target -->

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>

src/layouts/app.vue

@@ -32,20 +32,19 @@
             color="neutral"
             variant="outline"
             :block="isSmallScreen"
-            @click="isOverviewMode = !isOverviewMode"
             icon="i-bi-person-workspace"
             size="lg"
-          >
+            @click="isOverviewMode = !isOverviewMode"
-          </UButton>
+          />
           <UButton
             color="neutral"
             variant="outline"
             :block="isSmallScreen"
-            @click="showWindowOverview = !showWindowOverview"
             icon="i-heroicons-squares-2x2"
             size="lg"
+            @click="showWindowOverview = !showWindowOverview"
           >
-            <template #trailing v-if="openWindowsCount > 0">
+            <template v-if="openWindowsCount > 0" #trailing>
               <UBadge
                 :label="openWindowsCount.toString()"
                 color="primary"