ci: add lint-staged check

app/app.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { installPrompt } from './utils/pwa'
-import { appName } from '~/constants'
 import { useIndexedDB } from '~/composables/db'
+import { appName } from '~/constants'
+import { installPrompt } from './utils/pwa'
 
 // https://nuxt.com/docs/api/composables/use-head
 useHead({

app/components/ChooseFood.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia'
-import type { StuffItem } from '~/types'
+import { useEmojiAnimation } from '~/composables/animation'
 import { meat, staple, tools, vegetable } from '~/data/food'
 
-import { useEmojiAnimation } from '~/composables/animation'
+import type { StuffItem } from '~/types'
 
 const rStore = useRecipeStore()
 const { curTool } = storeToRefs(rStore)

app/components/tags/DishTag.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import type { DbRecipeItem } from '~/utils/db'
+import { recipeHistories } from '~/composables/store/history'
 import { tools } from '~/data/food'
 import type { RecipeItem } from '~/types'
 import { getEmojisFromStuff } from '~/utils'
-import { recipeHistories } from '~/composables/store/history'
+import type { DbRecipeItem } from '~/utils/db'
 
 const props = defineProps<{
   dish: RecipeItem | DbRecipeItem

app/composables/animation.ts

@@ -1,5 +1,5 @@
-import { isClient } from '@vueuse/core'
 import type { Ref } from 'vue'
+import { isClient } from '@vueuse/core'
 
 export function useEmojiAnimation(recipeBtn: Ref<HTMLButtonElement | undefined>) {
   const { x, y } = usePointer()

app/composables/store/app.ts

@@ -1,8 +1,8 @@
-import { acceptHMRUpdate, defineStore } from 'pinia'
 import { useStorage } from '@vueuse/core'
+import { acceptHMRUpdate, defineStore } from 'pinia'
 import { ref } from 'vue'
-import { defaultSettings } from '../../utils/settings'
 import { namespace } from '../../constants'
+import { defaultSettings } from '../../utils/settings'
 
 export const useAppStore = defineStore('app', () => {
   const deferredPrompt = ref<Event | any>()

app/composables/store/recipe.ts

@@ -1,10 +1,10 @@
-import { acceptHMRUpdate, defineStore } from 'pinia'
-import { useStorage } from '@vueuse/core'
-import { computed, onMounted, ref, watch } from 'vue'
 import { useGtm } from '@gtm-support/vue-gtm'
+import { useStorage } from '@vueuse/core'
+import { acceptHMRUpdate, defineStore } from 'pinia'
+import { computed, onMounted, ref, watch } from 'vue'
+import type { RecipeItem, StuffItem } from '~/types'
 import { db } from '../../utils/db'
 import { useAppStore } from './app'
-import type { RecipeItem, StuffItem } from '~/types'
 
 const namespace = 'cook'
 

app/config/pwa.ts

@@ -1,5 +1,5 @@
-import process from 'node:process'
 import type { ModuleOptions } from '@vite-pwa/nuxt'
+import process from 'node:process'
 import { appDescription, appName } from '../constants/index'
 
 const scope = '/'

app/styles/css-vars.scss

@@ -26,7 +26,5 @@
 // cook custom
 :root {
   --cook-bottom-menu-padding-bottom: 20px;
-  --cook-bottom-menu-height: calc(
-    64px + var(--cook-bottom-menu-padding-bottom)
-  );
+  --cook-bottom-menu-height: calc(64px + var(--cook-bottom-menu-padding-bottom));
 }