fix: nuxt rc to 3.0

Author: hunterliu1003

package.json

@@ -8,31 +8,31 @@
     "generate:docs": "pnpm --filter docs generate",
     "dev:viteplay": "pnpm --filter viteplay dev",
     "build:viteplay": "pnpm --filter viteplay build",
-    "prepare:vfm": "pnpm --filter vue-final-modal prepare-lib",
     "dev:vfm": "pnpm --filter vue-final-modal dev",
     "build:vfm": "pnpm --filter vue-final-modal build",
     "test:vfm": "pnpm --filter vue-final-modal test",
     "coverage:vfm": "pnpm --filter vue-final-modal coverage",
     "release:vfm": "pnpm --filter vue-final-modal release",
     "lint": "eslint . --ext=.ts,.vue --fix",
     "typecheck": "pnpm --parallel typecheck",
-    "postinstall": "pnpm prepare:vfm"
+    "postinstall": "pnpm build:vfm"
   },
   "dependencies": {
     "vue": "^3.2.45"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.29.2",
+    "@antfu/eslint-config": "^0.34.1",
     "@types/node": "^18.0.0",
     "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vue/test-utils": "^2.2.6",
     "concurrently": "^7.4.0",
-    "eslint": "^8.26.0",
-    "pnpm": "^7.20.0",
+    "eslint": "^8.31.0",
+    "pnpm": "^7.23.0",
     "sass": "^1.55.0",
     "ts-node": "^10.9.1",
     "typescript": "^4.8.4",
     "vite": "^4.0.3",
-    "vue-tsc": "^1.0.18"
+    "vue-tsc": "^1.0.24"
   }
 }

packages/nuxt/package.json

@@ -24,15 +24,14 @@
     "postinstall": "pnpm dev:prepare && pnpm prepack"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.0.0-rc.12",
+    "@nuxt/kit": "^3.0.0",
     "vue-final-modal": "workspace:4.0.0-rc.8"
   },
   "devDependencies": {
-    "@nuxt/module-builder": "^0.2.0",
-    "@nuxt/schema": "^3.0.0-rc.12",
-    "@nuxtjs/eslint-config-typescript": "^11.0.0",
-    "eslint": "^8.26.0",
-    "nuxt": "^3.0.0-rc.12",
+    "@nuxt/module-builder": "^0.2.1",
+    "@nuxt/schema": "^3.0.0",
+    "@nuxtjs/eslint-config-typescript": "^12.0.0",
+    "nuxt": "^3.0.0",
     "release-it": "^15.5.0"
   }
 }

packages/vue-final-modal/package.json

@@ -21,7 +21,6 @@
     "dist"
   ],
   "scripts": {
-    "prepare-lib": "vue-tsc --noEmit && vite build",
     "dev": "vue-tsc --noEmit && vite build -w",
     "build": "vue-tsc --noEmit && vite build && vue-tsc -p tsconfig.build-dts.json --declaration --emitDeclarationOnly",
     "test": "vitest run",
@@ -41,10 +40,13 @@
     "@cypress/vue": "^5.0.1",
     "@release-it/conventional-changelog": "^5.1.1",
     "@vitest/coverage-istanbul": "^0.26.2",
+    "@vue-macros/short-vmodel": "^1.0.3",
+    "@vue-macros/volar": "^0.5.10",
     "cypress": "^11.1.0",
     "jsdom": "^20.0.2",
     "release-it": "^15.5.0",
-    "unplugin-vue-macros": "^0.15.2",
+    "unplugin-vue-macros": "^1.3.2",
+    "unplugin-vue-define-options": "^1.1.3",
     "vitest": "^0.25.7"
   },
   "peerDependencies": {

packages/vue-final-modal/tsconfig.json

@@ -6,7 +6,7 @@
     "types": [
       "vite/client",
       "vitest",
-      "unplugin-vue-macros/macros-global",
+      "unplugin-vue-define-options/macros-global",
       "cypress"
     ],
     "paths": {
@@ -18,6 +18,16 @@
       ]
     }
   },
+  "vueCompilerOptions": {
+    "plugins": [
+      "@vue-macros/volar/define-model",
+      "@vue-macros/volar/short-vmodel",
+      "@vue-macros/volar/define-slots"
+    ],
+    "shortVmodel": {
+      "prefix": "$"
+    }
+  },
   "exclude": [
     "dist",
     "coverage",

packages/vue-final-modal/vite.config.ts

@@ -1,7 +1,10 @@
 import path from 'path'
-import vueMacros from 'unplugin-vue-macros/vite'
-import vue from '@vitejs/plugin-vue'
 import { defineConfig } from 'vite'
+import Vue from '@vitejs/plugin-vue'
+import VueJsx from '@vitejs/plugin-vue-jsx'
+import VueMacros from 'unplugin-vue-macros/vite'
+import { transformShortVmodel } from '@vue-macros/short-vmodel'
+import DefineOptions from 'unplugin-vue-define-options/vite'
 
 const name = 'index'
 
@@ -12,11 +15,26 @@ export default defineConfig({
     },
   },
   plugins: [
-    vueMacros({
+    VueMacros({
+      setupBlock: true,
       plugins: {
-        vue: vue(),
+        vue: Vue({
+          include: [/\.vue$/, /setup\.[cm]?[jt]sx?$/],
+          reactivityTransform: true,
+          template: {
+            compilerOptions: {
+              nodeTransforms: [
+                transformShortVmodel({
+                  prefix: '$',
+                }),
+              ],
+            },
+          },
+        }),
+        vueJsx: VueJsx(),
       },
     }),
+    DefineOptions()
   ],
   publicDir: false,
   build: {