chore: upgrade deps with nuxt

.npmrc

@@ -1,4 +1,5 @@
 shamefully-hoist=true
 strict-peer-dependencies=false
 shell-emulator=true
+auto-install-peers=false
 ignore-workspace-root-check=true

.vscode/settings.json

@@ -19,8 +19,6 @@
     "*.css": "postcss"
   },
 
-  // Enable the ESlint flat config support
-  "eslint.experimental.useFlatConfig": true,
   // Disable the default formatter, use eslint instead
   "prettier.enable": false,
   "editor.formatOnSave": false,
@@ -31,43 +29,17 @@
   },
   // Silent the stylistic rules in you IDE, but still auto fix them
   "eslint.rules.customizations": [
-    {
+    { "rule": "style/*", "severity": "off" },
-      "rule": "style/*",
+    { "rule": "*-indent", "severity": "off" },
-      "severity": "off"
+    { "rule": "*-spacing", "severity": "off" },
-    },
+    { "rule": "*-spaces", "severity": "off" },
-    {
+    { "rule": "*-order", "severity": "off" },
-      "rule": "*-indent",
+    { "rule": "*-dangle", "severity": "off" },
-      "severity": "off"
+    { "rule": "*-newline", "severity": "off" },
-    },
+    { "rule": "*quotes", "severity": "off" },
-    {
+    { "rule": "*semi", "severity": "off" }
-      "rule": "*-spacing",
-      "severity": "off"
-    },
-    {
-      "rule": "*-spaces",
-      "severity": "off"
-    },
-    {
-      "rule": "*-order",
-      "severity": "off"
-    },
-    {
-      "rule": "*-dangle",
-      "severity": "off"
-    },
-    {
-      "rule": "*-newline",
-      "severity": "off"
-    },
-    {
-      "rule": "*quotes",
-      "severity": "off"
-    },
-    {
-      "rule": "*semi",
-      "severity": "off"
-    }
   ],
+
   // Enable eslint for all supported languages
   "eslint.validate": [
     "javascript",

app/components/ChooseFood.vue

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

app/components/content/AboutMe.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-// @ts-expect-error // Ignore this line
+import { VueAboutMe } from 'vue-about-me'
-import VueAboutMe from 'vue-about-me'
 import 'vue-about-me/style.css'
 
 const color = useColorMode()

app/components/tags/DishTag.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
+import type { RecipeItem } from '~/types'
+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 type { DbRecipeItem } from '~/utils/db'
 
 const props = defineProps<{
   dish: RecipeItem | DbRecipeItem

app/composables/recipe.ts

@@ -1,6 +1,6 @@
+import type { DbRecipeItem } from '~/utils/db'
 import { useStorage } from '@vueuse/core'
 import { namespace } from '~/constants'
-import type { DbRecipeItem } from '~/utils/db'
 
 /**
  * 随机几道菜

app/composables/store/history.ts

@@ -1,6 +1,6 @@
+import type { RecipeItem } from '~/types'
 import { useStorage } from '@vueuse/core'
 import { namespace } from '~/constants'
-import type { RecipeItem } from '~/types'
 
 export interface RecipeHistoryItem {
   recipe: RecipeItem

app/composables/store/recipe.ts

@@ -1,8 +1,8 @@
+import type { RecipeItem, StuffItem } from '~/types'
 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'
 

app/utils/db.ts

@@ -1,8 +1,8 @@
 import type { Table } from 'dexie'
-import Dexie from 'dexie'
-
 import type { RecipeItem } from '~/types'
 
+import Dexie from 'dexie'
+
 export interface DbRecipeItem extends RecipeItem {
   id?: number
 }

nuxt.config.ts

@@ -9,56 +9,33 @@ Object.assign(process.env, {
 // add build time to env
 import.meta.env.VITE_APP_BUILD_TIME = new Date().getTime().toString()
 export default defineNuxtConfig({
-  ssr: false,
 
   modules: [
     '@vueuse/nuxt',
     '@unocss/nuxt',
     '@pinia/nuxt',
 
-    '@nuxt/test-utils/module',
-    '@nuxt/eslint',
     '@nuxtjs/color-mode',
     '@vite-pwa/nuxt',
+    '@nuxt/eslint',
+    '@nuxt/test-utils/module',
 
     '@zadigetvoltaire/nuxt-gtm',
 
     '@yunlefun/vue/nuxt',
 
-    // fix QQ in iOS
+    // fix QQ in iOS, Done
     // See https://github.com/unjs/ofetch/pull/366
-    'nuxt-fix-ofetch',
+    // 'nuxt-fix-ofetch',
+  ],
+  ssr: false,
+
+  components: [
+    { path: '~/components', pathPrefix: false },
   ],
 
-  experimental: {
+  devtools: {
-    // when using generate, payload js assets included in sw precache manifest
+    enabled: true,
-    // but missing on offline, disabling extraction it until fixed
-    payloadExtraction: false,
-    renderJsonPayloads: true,
-    typedPages: true,
-  },
-
-  css: [
-    '@unocss/reset/tailwind.css',
-    '~/styles/css-vars.scss',
-    '~/styles/index.scss',
-  ],
-
-  colorMode: {
-    classSuffix: '',
-  },
-
-  nitro: {
-    esbuild: {
-      options: {
-        target: 'esnext',
-      },
-    },
-    prerender: {
-      crawlLinks: false,
-      routes: ['/', '/random', '/help', '/user', '/404', '/settings'],
-      ignore: ['/hi'],
-    },
   },
 
   app: {
@@ -78,18 +55,18 @@ export default defineNuxtConfig({
     },
   },
 
-  components: [
+  css: [
-    { path: '~/components', pathPrefix: false },
+    '@unocss/reset/tailwind.css',
+    '~/styles/css-vars.scss',
+    '~/styles/index.scss',
   ],
 
-  gtm: {
+  colorMode: {
-    id: 'GTM-5FJSV46',
+    classSuffix: '',
   },
 
-  pwa,
+  future: {
-
+    compatibilityVersion: 4,
-  devtools: {
-    enabled: true,
   },
 
   features: {
@@ -97,15 +74,41 @@ export default defineNuxtConfig({
     inlineStyles: false,
   },
 
-  eslint: {
+  experimental: {
-    config: {
+    // when using generate, payload js assets included in sw precache manifest
-      standalone: false,
+    // but missing on offline, disabling extraction it until fixed
-    },
+    payloadExtraction: false,
-  },
+    renderJsonPayloads: true,
-
+    typedPages: true,
-  future: {
-    compatibilityVersion: 4,
   },
 
   compatibilityDate: '2024-08-14',
+
+  nitro: {
+    esbuild: {
+      options: {
+        target: 'esnext',
+      },
+    },
+    prerender: {
+      crawlLinks: false,
+      routes: ['/', '/random', '/help', '/user', '/404', '/settings'],
+      ignore: ['/hi'],
+    },
+  },
+
+  eslint: {
+    config: {
+      standalone: false,
+      nuxt: {
+        sortConfigKeys: true,
+      },
+    },
+  },
+
+  gtm: {
+    id: 'GTM-5FJSV46',
+  },
+
+  pwa,
 })

package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "version": "1.2.2",
   "private": true,
-  "packageManager": "pnpm@9.10.0",
+  "packageManager": "pnpm@9.15.2",
   "engines": {
     "node": ">=16"
   },
@@ -25,55 +25,55 @@
   },
   "dependencies": {
     "dayjs": "^1.11.13",
-    "vue-about-me": "^1.2.7"
+    "vue-about-me": "^1.4.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.6.0",
+    "@antfu/eslint-config": "^3.12.1",
     "@headlessui/vue": "^1.7.23",
-    "@iconify-json/carbon": "^1.2.1",
+    "@iconify-json/carbon": "^1.2.5",
-    "@iconify-json/fe": "^1.2.0",
+    "@iconify-json/fe": "^1.2.2",
-    "@iconify-json/gg": "^1.2.0",
+    "@iconify-json/gg": "^1.2.2",
-    "@iconify-json/ic": "^1.2.0",
+    "@iconify-json/ic": "^1.2.2",
-    "@iconify-json/mdi": "^1.2.0",
+    "@iconify-json/mdi": "^1.2.2",
-    "@iconify-json/ri": "^1.2.0",
+    "@iconify-json/ri": "^1.2.5",
-    "@iconify-json/twemoji": "^1.2.0",
+    "@iconify-json/twemoji": "^1.2.2",
-    "@nuxt/devtools": "^1.4.2",
+    "@nuxt/devtools": "^1.7.0",
-    "@nuxt/eslint": "^0.5.7",
+    "@nuxt/eslint": "^0.7.4",
-    "@nuxt/test-utils": "^3.14.2",
+    "@nuxt/test-utils": "^3.15.1",
-    "@nuxtjs/color-mode": "^3.5.1",
+    "@nuxtjs/color-mode": "^3.5.2",
-    "@pinia/nuxt": "^0.5.4",
+    "@pinia/nuxt": "^0.9.0",
-    "@pinia/testing": "^0.1.5",
+    "@pinia/testing": "^0.1.7",
-    "@unocss/eslint-config": "^0.62.3",
+    "@unocss/eslint-config": "^0.65.3",
-    "@unocss/nuxt": "^0.62.3",
+    "@unocss/nuxt": "^0.65.3",
-    "@vite-pwa/nuxt": "^0.10.5",
+    "@vite-pwa/nuxt": "^0.10.6",
     "@vue/test-utils": "^2.4.6",
-    "@vueuse/nuxt": "^11.0.3",
+    "@vueuse/nuxt": "^12.2.0",
     "@yunlefun/vue": "^0.1.1",
     "@zadigetvoltaire/nuxt-gtm": "^0.0.13",
-    "bumpp": "^9.5.2",
+    "bumpp": "^9.9.2",
-    "consola": "^3.2.3",
+    "consola": "^3.3.3",
-    "dexie": "^4.0.8",
+    "dexie": "^4.0.10",
-    "eslint": "^9.10.0",
+    "eslint": "^9.17.0",
-    "eslint-plugin-format": "^0.1.2",
+    "eslint-plugin-format": "^0.1.3",
     "fake-indexeddb": "^6.0.0",
-    "jsdom": "^25.0.0",
+    "jsdom": "^25.0.1",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.3.0",
-    "nuxt": "3.13.1",
+    "nuxt": "^3.15.0",
-    "nuxt-fix-ofetch": "^0.0.15",
+    "pinia": "^2.3.0",
-    "nuxt-vitest": "^0.11.5",
+    "sass": "^1.83.0",
-    "pinia": "^2.2.2",
+    "serve": "^14.2.4",
-    "sass": "^1.78.0",
-    "serve": "^14.2.3",
     "simple-git-hooks": "^2.11.1",
-    "star-markdown-css": "^0.5.1",
+    "star-markdown-css": "^0.5.3",
-    "tsx": "^4.19.1",
+    "tsx": "^4.19.2",
-    "typescript": "5.5.4",
+    "typescript": "5.7.2",
-    "unocss": "^0.62.3",
+    "unocss": "^0.65.3",
-    "vitest": "^2.1.1",
+    "vitest": "^2.1.8",
-    "vue-tsc": "^2.1.6"
+    "vue-tsc": "^2.2.0"
   },
   "resolutions": {
-    "@typescript-eslint/utils": "^8.5.0"
+    "unplugin": "^2.1.0",
+    "vite": "^6.0.6",
+    "vite-plugin-inspect": "^0.10.6"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"