[automated] Apply ESLint and oxfmt fixes

src/components/widget/SampleModelSelector.vue

@@ -1,7 +1,10 @@
 <template>
   <BaseModalLayout :content-title="$t('assetBrowser.checkpoints')">
     <template #leftPanel>
-      <LeftSidePanel v-model="selectedNavItem" :nav-items="tempNavigation">
+      <LeftSidePanel
+        v-model="selectedNavItem"
+        :nav-items="tempNavigation"
+      >
         <template #header-icon>
           <i class="text-neutral icon-[lucide--puzzle]" />
         </template>
@@ -12,12 +15,19 @@
     </template>
 
     <template #header>
-      <SearchBox v-model="searchQuery" size="lg" class="max-w-[384px]" />
+      <SearchBox
+        v-model="searchQuery"
+        size="lg"
+        class="max-w-[384px]"
+      />
     </template>
 
     <template #header-right-area>
       <div class="flex gap-2">
-        <Button variant="primary" @click="() => {}">
+        <Button
+          variant="primary"
+          @click="() => {}"
+        >
           <i class="icon-[lucide--upload]" />
           <span>{{ $t('g.upload') }}</span>
         </Button>
@@ -83,11 +93,15 @@
     <template #content>
       <!-- Card Examples -->
       <div :style="gridStyle">
-        <CardContainer v-for="i in 100" :key="i" size="regular">
+        <CardContainer
+          v-for="i in 100"
+          :key="i"
+          size="regular"
+        >
           <template #top>
             <CardTop ratio="landscape">
               <template #default>
-                <div class="h-full w-full bg-blue-500"></div>
+                <div class="h-full w-full bg-blue-500" />
               </template>
               <template #top-right>
                 <Button
@@ -110,14 +124,14 @@
             </CardTop>
           </template>
           <template #bottom>
-            <CardBottom></CardBottom>
+            <CardBottom />
           </template>
         </CardContainer>
       </div>
     </template>
 
     <template #rightPanel>
-      <RightSidePanel></RightSidePanel>
+      <RightSidePanel />
     </template>
   </BaseModalLayout>
 </template>

src/components/widget/panel/LeftSidePanel.vue

@@ -2,16 +2,22 @@
   <div class="flex h-full w-full flex-col bg-modal-panel-background">
     <PanelHeader>
       <template #icon>
-        <slot name="header-icon"></slot>
+        <slot name="header-icon" />
       </template>
-      <slot name="header-title"></slot>
+      <slot name="header-title" />
     </PanelHeader>
 
     <nav
       class="flex scrollbar-hide flex-1 flex-col gap-1 overflow-y-auto px-3 py-4"
     >
-      <template v-for="(item, index) in navItems" :key="index">
-        <div v-if="'items' in item" class="flex flex-col gap-2">
+      <template
+        v-for="(item, index) in navItems"
+        :key="index"
+      >
+        <div
+          v-if="'items' in item"
+          class="flex flex-col gap-2"
+        >
           <NavTitle
             v-model="collapsedGroups[item.title]"
             :title="item.title"
@@ -29,7 +35,10 @@
             </NavItem>
           </template>
         </div>
-        <div v-else class="flex flex-col gap-2">
+        <div
+          v-else
+          class="flex flex-col gap-2"
+        >
           <NavItem
             :icon="item.icon"
             :active="activeItem === item.id"

src/components/widget/panel/PanelHeader.vue

@@ -5,7 +5,7 @@
         <i class="text-neutral icon-[lucide--puzzle] text-base" />
       </slot>
       <h2 class="text-neutral text-base font-bold">
-        <slot></slot>
+        <slot />
       </h2>
     </div>
   </header>

src/components/widget/panel/RightSidePanel.vue

@@ -1,5 +1,5 @@
 <template>
   <div class="size-full bg-modal-panel-background pr-6 pb-8 pl-4">
-    <slot></slot>
+    <slot />
   </div>
 </template>