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

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

View File

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

View File

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