feat: support unplugin-vue-macros 2.11.0

Author: zhiyuanzmj

auto-imports.d.ts

@@ -26,7 +26,6 @@
     "@unocss/reset": "^0.61.5",
     "@vitejs/plugin-vue": "^5.1.0",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
-    "@vue-macros/volar": "^0.25.0",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^9.7.0",
     "eslint-plugin-format": "^0.1.2",
@@ -40,7 +39,7 @@
     "unocss": "^0.61.5",
     "unplugin-auto-import": "^0.18.2",
     "unplugin-vue-components-jsx": "0.27.3-1",
-    "unplugin-vue-macros": "^2.10.0",
+    "unplugin-vue-macros": "^2.11.0",
     "unplugin-vue-router": "^0.10.1",
     "vite": "^5.3.5",
     "vite-plugin-inspect": "^0.8.5",

package.json

@@ -10,12 +10,16 @@ function go() {
     router.push(`/hi/${encodeURIComponent(name.value)}`)
 }
 
+const route = useRoute('/')
+
 export default (
   <div>
     <div i-carbon-campsite inline-block text-4xl />
     <p>
       <a rel="noreferrer" href="https://github.com/antfu/vitesse-lite" target="_blank">
-        Vitesse Lite
+        Vitesse
+        {' '}
+        {route.meta.title}
       </a>
     </p>
     <p>
@@ -41,3 +45,9 @@ export default (
     </div>
   </div>
 )
+
+definePage({
+  meta: {
+    title: 'JSX',
+  },
+})

pnpm-lock.yaml

@@ -26,24 +26,13 @@
   },
   "vueCompilerOptions": {
     "plugins": [
-      "@vue-macros/volar/define-options",
-      "@vue-macros/volar/define-models",
-      "@vue-macros/volar/define-emit",
-      "@vue-macros/volar/define-prop",
-      "@vue-macros/volar/define-props",
-      "@vue-macros/volar/define-props-refs",
-      "@vue-macros/volar/short-vmodel",
-      "@vue-macros/volar/define-slots",
-      "@vue-macros/volar/export-expose",
-      "@vue-macros/volar/jsx-directive",
-      "@vue-macros/volar/export-render",
-      "@vue-macros/volar/setup-jsdoc",
-      "@vue-macros/volar/setup-lang",
-      "@vue-macros/volar/template-ref",
-      "@vue-macros/volar/define-generic",
-      "@vue-macros/volar/setup-sfc",
+      "unplugin-vue-macros/volar",
       "volar-plugin-ignore-attributes"
-    ]
+    ],
+    "vueMacros": {
+      "setupSFC": true,
+      "exportRender": true
+    }
   },
   "exclude": [
     "dist",

src/App.vue

@@ -9,7 +9,6 @@ import UnoCSS from 'unocss/vite'
 import VueMacros from 'unplugin-vue-macros/vite'
 import VueRouter from 'unplugin-vue-router/vite'
 import { VueRouterAutoImports } from 'unplugin-vue-router'
-import SetupSFC from '@vue-macros/setup-sfc/vite'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import Inspect from 'vite-plugin-inspect'
 
@@ -20,22 +19,18 @@ export default defineConfig({
     },
   },
   plugins: [
-    SetupSFC({
-      include: [/\.setup\.[cm]?[jt]sx?(?=\?definePage|$)/],
-    }),
-
-    // https://github.com/posva/unplugin-vue-router
-    VueRouter({
-      extensions: ['.vue', '.setup.tsx'],
-    }),
-
     VueMacros({
       plugins: {
         vue: Vue({
-          include: [/\.vue$/, /\.setup\.[cm]?[jt]sx?$/],
+          include: [/\.vue$/, /\.setup.[jt]sx$/],
         }),
         vueJsx: vueJsx(),
+        // https://github.com/posva/unplugin-vue-router
+        vueRouter: VueRouter({
+          extensions: ['.vue', '.setup.tsx', '.setup.jsx'],
+        }),
       },
+      setupSFC: true,
     }),
 
     // https://github.com/antfu/unplugin-auto-import
@@ -53,14 +48,13 @@ export default defineConfig({
       dirs: [
         './src/composables',
       ],
-      vueTemplate: true,
     }),
 
     // https://github.com/antfu/vite-plugin-components
     Components({
       dts: true,
-      extensions: ['vue', 'setup.tsx'],
-      include: [/\.vue$/, /\.setup\.[cm]?[jt]sx?/],
+      extensions: ['vue', 'setup.tsx', 'setup.jsx'],
+      include: [/\.setup\.[jt]sx?/],
       types: [{
         from: 'vue-router/auto',
         names: ['RouterLink', 'RouterView'],