ci: lint add ignore folder

app/components/FAQItem.vue

@@ -10,16 +10,16 @@ defineProps<{
 <template>
   <Disclosure v-slot="{ open }" :default-open="defaultOpen" as="div" class="mt-2">
     <DisclosureButton
-      class="text-sm text-blue-900 font-medium px-4 py-2 text-left rounded-lg bg-blue-100 flex w-full justify-between focus:outline-none hover:bg-blue-200 focus-visible:ring focus-visible:ring-blue-500 focus-visible:ring-opacity-75"
+      class="w-full flex justify-between rounded-lg bg-blue-100 px-4 py-2 text-left text-sm text-blue-900 font-medium hover:bg-blue-200 focus:outline-none focus-visible:ring focus-visible:ring-blue-500 focus-visible:ring-opacity-75"
     >
       <span>{{ title }}</span>
       <div
         i-ri-arrow-drop-up-line
         :class="open ? 'rotate-180 transform' : ''"
-        class="text-blue-500 h-5 w-5"
+        class="h-5 w-5 text-blue-500"
       />
     </DisclosureButton>
-    <DisclosurePanel class="text-sm px-2 pb-2 pt-4">
+    <DisclosurePanel class="px-2 pb-2 pt-4 text-sm">
       <slot />
     </DisclosurePanel>
   </Disclosure>

app/components/SearchFoodInput.vue

@@ -9,10 +9,10 @@ onMounted(() => {
 
 <template>
   <div m="auto b-2" max-w="500px">
-    <div text-xs relative>
+    <div relative text-xs>
       <div
         v-if="rStore.keyword" cursor="pointer"
-        justify="center" inline-flex items-center right-2 absolute h="full" opacity="70"
+        justify="center" absolute right-2 inline-flex items-center h="full" opacity="70"
         @click="rStore.clearKeyWord()"
       >
         <div i-ri-close-line />

app/components/ToggleMode.vue

@@ -21,7 +21,7 @@ const searchModes: {
 <template>
   <div>
     <button
-      v-for="mode in searchModes" :key="mode.id" class="tag px-2 rounded"
+      v-for="mode in searchModes" :key="mode.id" class="tag rounded px-2"
       :bg="mode.id === rStore.curMode ? 'orange-500 dark:orange-600 opacity-100' : 'orange-300 opacity-20'"
       :text="mode.id === rStore.curMode ? 'orange-100' : 'orange-800 dark:orange-200'"
       @click="rStore.setMode(mode.id)"

app/components/common/SearchRecipe.vue

@@ -27,7 +27,7 @@ const filteredRecipes = computedAsync(async () => {
   <YlfIconButton
 
     class="icon-btn hover:text-yellow-400 !outline-none"
-    text-xl right-4 top-4 absolute
+    absolute right-4 top-4 text-xl
     title="切换" @click="openModal"
   >
     <div i="ri-search-line" />
@@ -44,12 +44,12 @@ const filteredRecipes = computedAsync(async () => {
         leave-from="opacity-100"
         leave-to="opacity-0"
       >
-        <div class="bg-black/10 inset-0 fixed" />
+        <div class="fixed inset-0 bg-black/10" />
       </TransitionChild>
 
-      <div class="inset-0 fixed overflow-y-auto">
+      <div class="fixed inset-0 overflow-y-auto">
         <div
-          class="text-center flex h-full justify-center"
+          class="h-full flex justify-center text-center"
         >
           <TransitionChild
             as="template"
@@ -61,35 +61,35 @@ const filteredRecipes = computedAsync(async () => {
             leave-to="opacity-0 scale-95"
           >
             <DialogPanel
-              class="p-4 text-left align-middle bg-white h-full max-w-xl w-full shadow-xl transform transition-all overflow-hidden dark:bg-dark-600"
+              class="h-full max-w-xl w-full transform overflow-hidden bg-white p-4 text-left align-middle shadow-xl transition-all dark:bg-dark-600"
               md="rounded-2xl"
               overflow="auto"
               flex="~ col"
             >
               <DialogTitle
                 as="h3"
-                class="text-lg leading-6 font-medium flex items-center justify-center"
+                class="flex items-center justify-center text-lg font-medium leading-6"
               >
-                <div inline-flex relative flex="grow">
+                <div relative inline-flex flex="grow">
                   <div
                     i-ri-search-line
-                    class="text-gray-400 cursor-pointer left-3 top-2 absolute"
+                    class="absolute left-3 top-2 cursor-pointer text-gray-400"
                   />
                   <input
                     v-model="keyword"
                     type="text"
-                    class="text-sm rounded-full bg-transparent w-full focus:outline-none focus:ring-1 focus:ring-blue-500 placeholder-gray-400"
+                    class="w-full rounded-full bg-transparent text-sm focus:outline-none focus:ring-1 focus:ring-blue-500 placeholder-gray-400"
                     border="~ rounded-full gray-300 op-50 focus:border-blue-500"
                     placeholder="搜索菜谱"
                     autofocus py-2 pl-10 pr-3
                   >
                   <div
                     v-if="keyword" i-ri-close-line
-                    class="text-gray-400 cursor-pointer right-3 top-2 absolute"
+                    class="absolute right-3 top-2 cursor-pointer text-gray-400"
                     @click="keyword = ''"
                   />
                 </div>
-                <button op="70" text-base ml-2 inline-flex cursor-pointer @click="closeModal">
+                <button op="70" ml-2 inline-flex cursor-pointer text-base @click="closeModal">
                   取消
                 </button>
               </DialogTitle>

app/components/cookbook/CookbookCard.vue

@@ -11,7 +11,7 @@ const showDetail = ref(false)
 <template>
   <button
     class="bg-$c-bg-alt"
-    inline-flex h-36 w-full cursor-pointer shadow items-center justify-center
+    h-36 w-full inline-flex cursor-pointer items-center justify-center shadow
     @click="showDetail = true"
   >
     <slot />
@@ -19,12 +19,12 @@ const showDetail = ref(false)
 
   <CookbookDetail
     v-if="showDetail"
-    shadow bottom-17 left-2 right-2 top-2 absolute z-1 overflow-hidden
+    absolute bottom-17 left-2 right-2 top-2 z-1 overflow-hidden shadow
     :cookbook="cookbook"
   >
     <YlfIconButton
       icon="i-ri-close-line"
-      class="right-2 top-2 absolute"
+      class="absolute right-2 top-2"
       @click="showDetail = false"
     />
   </CookbookDetail>

app/components/cookbook/CookbookDetail.vue

@@ -13,7 +13,7 @@ onMounted(async () => {
 
 <template>
   <div class="bg-$c-bg-alt" flex="~ col">
-    <h3 font-bold mt-4>
+    <h3 mt-4 font-bold>
       {{ cookbook.title }}
     </h3>
     <sub op="90" my-3>

app/components/cookbook/NewCookbookCard.vue

@@ -8,7 +8,7 @@ definePageMeta({
 <template>
   <NuxtLink
     class="bg-$c-bg-alt"
-    inline-flex h-36 w-full cursor-pointer shadow items-center justify-center
+    h-36 w-full inline-flex cursor-pointer items-center justify-center shadow
     to="/cookbooks/new"
   >
     <slot>

app/components/features/InstallPwa.vue

@@ -23,7 +23,7 @@ function install() {
       <button
         class="shadow"
         text="white" bg="green-500" p="x-4 y-2" m="2"
-        font-bold rounded-md inline-flex items-center justify-center
+        inline-flex items-center justify-center rounded-md font-bold
         @click="install"
       >
         <div i-ri-install-line mr-1 inline-flex />

app/components/help/HelpAbout.vue

@@ -17,7 +17,7 @@
         <li>
           <div class="inline-flex items-center justify-center">
             菜谱视频来源：
-            <a class="text-sm text-blue-600 inline-flex items-center dark:text-blue-400" href="https://docs.qq.com/sheet/DQk1vdkhFV0twQVNS" target="_blank">
+            <a class="inline-flex items-center text-sm text-blue-600 dark:text-blue-400" href="https://docs.qq.com/sheet/DQk1vdkhFV0twQVNS" target="_blank">
               <div m="r-1" i-ri-bilibili-line inline-flex />
               <span class="inline-flex">隔离食用手册大全</span>
             </a>

app/components/layout/CurrentVersion.vue

@@ -7,7 +7,7 @@ const buildDate = (new Date(date)).toLocaleDateString()
 </script>
 
 <template>
-  <div v-if="commitSha && buildDate" text-sm mb-2>
+  <div v-if="commitSha && buildDate" mb-2 text-sm>
     <span>
       当前版本 v{{ pkg.version }}（{{ buildDate }}）:
     </span>

app/components/ylf/YlfFormItem.vue

@@ -17,7 +17,7 @@ defineProps<{
     :to="to"
     class="ylf-form-item"
 
-    p-2 flex w-full cursor-pointer items-center justify-between hover:bg-gray-100 dark:hover:bg-dark-400
+    w-full flex cursor-pointer items-center justify-between p-2 hover:bg-gray-100 dark:hover:bg-dark-400
   >
     <div v-if="label" class="text-sm" inline-flex items-center justify-center>
       <div v-if="icon" :class="icon" mr-2 inline-flex />

app/components/ylf/YlfIconButton.vue

@@ -7,7 +7,7 @@ defineProps<{
 <template>
   <button
     class="ylf-icon-button hover:(bg-blue-300 bg-opacity-20)"
-    rounded-full inline-flex h-10 w-10 items-center justify-center
+    h-10 w-10 inline-flex items-center justify-center rounded-full
   >
     <slot>
       <div v-if="icon" text-xl :class="icon" />

app/components/ylf/YlfIconItem.vue

@@ -12,10 +12,10 @@ defineProps<{
     flex="~ col"
     border="~ solid dark:$ylf-c-border"
     bg="$ylf-c-bg-alt"
-    class="text-sm font-medium px-4 py-2 rounded-md decoration-none inline-flex items-center justify-center focus:outline-none hover-bg-gray-100 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 dark:hover:bg-dark-400"
+    class="inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium decoration-none hover-bg-gray-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 dark:hover:bg-dark-400"
   >
-    <div :class="icon" text-lg inline-flex />
-    <div text-xs mt-2 inline-flex>
+    <div :class="icon" inline-flex text-lg />
+    <div mt-2 inline-flex text-xs>
       {{ label }}
     </div>
   </NuxtLink>

app/components/ylf/YlfSwitch.vue

@@ -15,14 +15,14 @@ function updateModelValue(value: boolean) {
   <Switch
     :model-value="modelValue"
     :class="modelValue ? 'bg-blue-600' : 'bg-gray'"
-    class="border-2 border-transparent rounded-full inline-flex shrink-0 h-6 w-11 cursor-pointer transition-colors duration-200 ease-in-out relative focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75"
+    class="relative h-6 w-11 inline-flex shrink-0 cursor-pointer border-2 border-transparent rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75"
     @update:model-value="updateModelValue"
   >
     <span class="sr-only">Use setting</span>
     <span
       aria-hidden="true"
       :class="modelValue ? 'translate-x-5' : 'translate-x-0'"
-      class="rounded-full bg-white h-5 w-5 inline-block pointer-events-none ring-0 shadow-lg transform transition duration-200 ease-in-out"
+      class="pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out"
     />
   </Switch>
 </template>

eslint.config.js

@@ -11,6 +11,13 @@ export default nuxt(
     {
       ignores: [
         'app/data/*.json',
+        'ios/**/*',
+        'android/**/*',
+        'dist/**/*',
+        'public/**/*',
+        'node_modules/**/*',
+        '.nuxt/**/*',
+        '.output/**/*',
       ],
     },
     {