chore: nuxt 4

Author: kingyue737

README.md

@@ -5,7 +5,7 @@
 
 <p align="center">
   <a href="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/vuejs/vue">
-    <img src="https://img.shields.io/badge/nuxt-3-brightgreen.svg" alt="vue">
+    <img src="https://img.shields.io/badge/nuxt-4-brightgreen.svg" alt="nuxt">
   </a>
   <a href="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/vuetifyjs/vuetify">
     <img src="https://img.shields.io/badge/vuetify-3-blue.svg" alt="vuetify">

app/components/App/AppDrawer.vue

@@ -74,8 +74,9 @@ drawerState.value = lgAndUp.value && width.value !== 1280
 
 <style>
 .v-navigation-drawer {
-  transition-property: box-shadow, transform, visibility, width, height, left,
-    right, top, bottom, border-radius !important;
+  transition-property:
+    box-shadow, transform, visibility, width, height, left, right, top, bottom,
+    border-radius !important;
   overflow: hidden;
   &.v-navigation-drawer--rail {
     border-top-right-radius: 0px;

app/components/StatsCard.vue

@@ -5,7 +5,7 @@ withDefaults(
     iconClass?: string
     color: string
     title: string
-    value: number | null
+    value?: number | null
     unit?: string
     formatter?: (v: number) => string
   }>(),

nuxt.config.ts

@@ -4,9 +4,6 @@ import { defineNuxtConfig } from 'nuxt/config'
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  future: {
-    compatibilityVersion: 4,
-  },
   modules: [
     '@pinia/nuxt',
     '@vueuse/nuxt',

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "type": "module",
-  "packageManager": "pnpm@10.12.4",
+  "packageManager": "pnpm@10.13.1",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev -o",
@@ -19,13 +19,13 @@
     "@nuxt/icon": "^1.15.0",
     "@nuxt/test-utils": "^3.19.2",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.30.1",
+    "eslint": "^9.31.0",
     "happy-dom": "^18.0.1",
-    "nuxt": "^3.17.6",
+    "nuxt": "^4.0.0",
     "nuxt-echarts": "^0.3.3",
-    "playwright-core": "^1.53.2",
+    "playwright-core": "^1.54.1",
     "prettier": "^3.6.2",
-    "vite": "^7.0.3",
+    "vite": "^7.0.4",
     "vitest": "^3.2.4",
     "vue-tsc": "^3.0.1",
     "vuetify-nuxt-module": "^0.18.7"

pnpm-lock.yaml

@@ -7,15 +7,11 @@ await setup({
   browser: true,
 })
 describe('page /homepage', () => {
-  it(
-    'should render',
-    async () => {
-      const page = await createPage('/')
-      await page.getByText('Opinionated Starter Template').isVisible()
-      await page.close()
-    },
-    20000
-  )
+  it('should render', async () => {
+    const page = await createPage('/')
+    await page.getByText('Opinionated Starter Template').isVisible()
+    await page.close()
+  }, 20000)
 
   it('should show notification', async () => {
     const page = await createPage('/')