examples/vue-ts-example
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

feat: 优化插件设置逻辑，支持自动安装模块并增强调试信息
All checks were successful
/ build-and-deploy-to-vercel (push) Successful in 1m20s
Details
/ depcheck (push) Successful in 58s
Details
/ playwright (push) Successful in 1m51s
Details

Browse Source
This commit is contained in:
严浩
2025-01-08 10:17:07 +08:00
parent b70da8aad4
commit 3292800f0d
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/main.ts
View File

@ -3,4 +3,5 @@ import './styles';
import App from './App.vue'; import App from './App.vue';
import { setupPlugins } from './plugins'; import { setupPlugins } from './plugins';
setupPlugins(createApp(App)).mount('#app'); const autoInstallModules = import.meta.glob('./plugins/*.ts', { eager: true });
setupPlugins(createApp(App), autoInstallModules).mount('#app');

17
src/plugins/index.ts
View File

@ -1,15 +1,18 @@
// https://github.com/antfu-collective/vitesse/blob/47618e72dfba76c77b9b85b94784d739e35c492b/src/modules/README.md // https://github.com/antfu-collective/vitesse/blob/47618e72dfba76c77b9b85b94784d739e35c492b/src/modules/README.md
type UserPluginContext = { app: import('vue').App<Element> }; type UserPluginContext = { app: import('vue').App<Element> };
type UserPlugin = (ctx: UserPluginContext) => void; type UserPlugin = (ctx: UserPluginContext) => void;
type AutoInstallModule = { install?: UserPlugin; [K: string]: unknown };
export function setupPlugins(app: import('vue').App) { export function setupPlugins(app: import('vue').App, modules: AutoInstallModule | Record<string, unknown>) {
console.group('Setup Plugins'); console.group('🔌 Plugins');
const modules = import.meta.glob<{ install: UserPlugin }>('./*.ts', { eager: true });
for (const path in modules) { for (const path in modules) {
modules[path].install?.({ app }); const module = modules[path] as AutoInstallModule;
if (modules[path].install !== undefined) { if (module.install) {
const moduleName = path.replace(/\.\/(.*)\.ts/, '$1'); module.install({ app });
console.debug(`%c✔ ${moduleName}`, 'color: #07a'); console.debug(`%c✔ ${path}`, 'color: #07a');
} else {
if (typeof module.setupPlugins === 'function') continue;
console.warn(`%c✘ ${path} has no install function`, 'color: #f50');
} }
} }
console.groupEnd(); console.groupEnd();