Files
vue-ts-example-2025/vite-plugins/00.vue-macros.ts
严浩 7d6474c92b
All checks were successful
CI/CD Pipeline / playwright (push) Successful in 1m44s
CI/CD Pipeline / build-and-deploy (push) Successful in 1m40s
refactor: update loadPlugin to use async/await and improve vueRouter configuration
2025-12-11 00:05:04 +08:00

33 lines
1.1 KiB
TypeScript

import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import vueRouter from 'unplugin-vue-router/vite';
import type { ConfigEnv, PluginOption } from 'vite';
import VueMacros from 'vue-macros/vite';
export async function loadPlugin(_configEnv: ConfigEnv): Promise<PluginOption> {
return [
VueMacros({
plugins: {
vue: vue({ include: [/\.vue$/, /\.md$/] }),
vueJsx: vueJsx(),
// https://uvr.esm.is/guide/configuration.html
// https://github.com/posva/unplugin-vue-router
// ⚠️ Vue must be placed after VueRouter()
vueRouter: vueRouter({
routesFolder: 'src/pages',
extensions: ['.page.vue', '.page.md'],
exclude: ['**/__*', '**/__*/**/*'],
getRouteName: (await import('unplugin-vue-router')).getPascalCaseRouteName,
beforeWriteFiles(rootRoute) {
for (/* 深度优先遍历 */ const route of rootRoute.traverseDFS()) {
route.addToMeta({ _: route.fullPath });
}
},
logs: true,
}),
},
}),
];
}