ci: fix typecheck & store test

components/BaseFooter.vue

@@ -11,11 +11,11 @@ onBeforeMount(() => {
 
 const commitSha = (import.meta.env.VITE_COMMIT_REF || '').slice(0, 7)
 const now = import.meta.env.VITE_APP_BUILD_TIME
-const buildDate = (new Date(parseInt(now) * 1000)).toLocaleDateString()
+const buildDate = (new Date(Number.parseInt(now) * 1000)).toLocaleDateString()
 </script>
 
 <template>
-  <div p="4 t-2" class="flex flex-col justify-center items-center" text="sm">
+  <div p="4 t-2" class="flex flex-col items-center justify-center" text="sm">
     <div>
       <a
         m="2"
@@ -50,8 +50,8 @@ const buildDate = (new Date(parseInt(now) * 1000)).toLocaleDateString()
     <a v-if="displayICP" opacity="80" class="flex" href="https://beian.miit.gov.cn/" target="_blank">
       苏ICP备17038157号
     </a>
-    <div m="t-2" class="inline-flex justify-center items-center" text="xs">
-      <a class="inline-flex justify-center items-center" style="color: #ea7b99" href="https://www.bilibili.com/blackboard/dynamic/306882" target="_blank">
+    <div m="t-2" class="inline-flex items-center justify-center" text="xs">
+      <a class="inline-flex items-center justify-center" style="color: #ea7b99" href="https://www.bilibili.com/blackboard/dynamic/306882" target="_blank">
         <span inline-flex>菜谱视频来源：</span>
         <div class="inline-flex" i-ri-bilibili-line />
         <span m="l-1" class="inline-flex" style="margin-top: 1px;">B 站</span>
@@ -64,7 +64,7 @@ const buildDate = (new Date(parseInt(now) * 1000)).toLocaleDateString()
       </a>
       提供 CDN 支持
     </div>
-    <div m="t-2" opacity="80" class="flex justify-center items-center">
+    <div m="t-2" opacity="80" class="flex items-center justify-center">
       ©️&nbsp;<a href="https://github.com/YunYouJun/cook" target="_blank">Cook</a>
       <div text="xs" m="x-1" i-ri-cloud-line />
       <a href="https://www.yunyoujun.cn" target="_blank">云游君</a>

components/ReloadPrompt.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// @ts-expect-error remove pwa
 import { useRegisterSW } from 'virtual:pwa-register/vue'
 
 const {
@@ -17,7 +16,7 @@ async function close() {
 <template>
   <div
     v-if="offlineReady || needRefresh"
-    class="pwa-toast transition shadow-lg hover:shadow-md rounded"
+    class="pwa-toast rounded shadow-lg transition hover:shadow-md"
     border="~ stone-200 dark:stone-600"
     text="center"
     p="4"
@@ -44,7 +43,7 @@ async function close() {
     </button>
     <button
       m="x-2" p="x-4 y-1" text="sm"
-      class="shadow rounded transition active:shadow-md"
+      class="rounded shadow transition active:shadow-md"
       border="~ stone-200 dark:stone-600"
       bg="active:(white opacity-20)"
       @click="close"

components/SearchFoodInput.vue

@@ -24,7 +24,7 @@ const rStore = useRecipeStore()
         text="center"
         bg="transparent"
         border="~ rounded gray-200 dark:gray-700"
-        class="focus:(dark:gray-500)"
+        class="focus:dark:gray-500"
       >
       <label class="hidden" for="input">快速搜索</label>
     </div>

components/Switch.vue

@@ -6,13 +6,13 @@ defineProps<{
 </script>
 
 <template>
-  <div class="inline-flex justify-center items-center" m="t-2">
+  <div class="inline-flex items-center justify-center" m="t-2">
     <span :class="!strict && 'text-orange-600'" font="bold" m="x-1" @click="toggleStrict(false)">
       模糊匹配
     </span>
     <label m="x-1" class="switch">
       <input :modelValue="strict" type="checkbox" @update:modelValue="toggleStrict">
-      <span class="inline-flex justify-center items-center slider round" />
+      <span class="slider round inline-flex items-center justify-center" />
     </label>
     <span :class="strict && 'text-green-600'" font="bold" m="x-1" @click="toggleStrict(true)">
       精准匹配

components/WrapperMd.vue

@@ -7,7 +7,7 @@ defineProps<{
 </script>
 
 <template>
-  <div m="t-4" class="max-w-900px m-auto text-left">
+  <div m="t-4" class="m-auto max-w-900px text-left">
     <h3 text="center 3xl" font="serif !black">
       {{ frontmatter?.title }}
     </h3>

components/tags/MeatTag.vue

@@ -6,7 +6,7 @@ defineProps<{
 
 <template>
   <span
-    class="meat-tag tag rounded" p="x-2"
+    class="meat-tag rounded tag" p="x-2"
     border="~ red-200 dark:red-800"
     :bg="active ? 'red-500 opacity-90' : 'red-300 opacity-20'"
     :text="active ? 'red-100' : 'red-800 dark:red-200'"

components/tags/StapleTag.vue

@@ -6,7 +6,7 @@ defineProps<{
 
 <template>
   <span
-    class="tag rounded" p="x-2" border="~ yellow-200 dark:yellow-800"
+    class="rounded tag" p="x-2" border="~ yellow-200 dark:yellow-800"
     :bg="active ? 'yellow-500 dark:yellow-600 opacity-100' : 'yellow-300 opacity-20'"
     :text="active ? 'yellow-100' : 'yellow-800 dark:yellow-200'"
   >

components/tags/ToolTag.vue

@@ -6,7 +6,7 @@ defineProps<{
 
 <template>
   <span
-    class="tag rounded" p="x-2"
+    class="rounded tag" p="x-2"
     border="~ stone-200 dark:stone-600"
     :bg="active ? 'stone-600 opacity-100' : 'stone-300 opacity-5'"
     :text="active ? 'stone-100' : 'stone-800 dark:stone-200'"