refactor(router): 重命名路由插件文件并更新类型定义
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="tsx">
|
<script setup lang="tsx">
|
||||||
import { createGetRoutes, router } from '@/plugins/router-plugin';
|
import { createGetRoutes, router } from '@/plugins/00.router-plugin';
|
||||||
import type { MenuOption } from 'naive-ui';
|
import type { MenuOption } from 'naive-ui';
|
||||||
import { RouterLink, type RouteRecordRaw } from 'vue-router';
|
import { RouterLink, type RouteRecordRaw } from 'vue-router';
|
||||||
import IconMenuRounded from '~icons/material-symbols/menu-rounded';
|
import IconMenuRounded from '~icons/material-symbols/menu-rounded';
|
||||||
|
|||||||
@@ -1,5 +1,3 @@
|
|||||||
import type { RouteLocalizationFlags } from '@/plugins/router-plugin';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
Root: 'Index',
|
Root: 'Index',
|
||||||
$Path: '$Path',
|
$Path: '$Path',
|
||||||
@@ -9,4 +7,4 @@ export default {
|
|||||||
DemosI18nDemo: 'i18n Demo',
|
DemosI18nDemo: 'i18n Demo',
|
||||||
DemosWebsocketDemo: 'WebSocket Demo',
|
DemosWebsocketDemo: 'WebSocket Demo',
|
||||||
Home: 'Home',
|
Home: 'Home',
|
||||||
} satisfies RouteLocalizationFlags;
|
} satisfies PageTitleLocalizations;
|
||||||
|
|||||||
@@ -1,5 +1,3 @@
|
|||||||
import type { RouteLocalizationFlags } from '@/plugins/router-plugin';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
Root: '根 (Gēn)',
|
Root: '根 (Gēn)',
|
||||||
$Path: '$Path',
|
$Path: '$Path',
|
||||||
@@ -9,4 +7,4 @@ export default {
|
|||||||
DemosI18nDemo: '国际化示例',
|
DemosI18nDemo: '国际化示例',
|
||||||
DemosWebsocketDemo: 'WebSocket 示例',
|
DemosWebsocketDemo: 'WebSocket 示例',
|
||||||
Home: '首页',
|
Home: '首页',
|
||||||
} satisfies RouteLocalizationFlags;
|
} satisfies PageTitleLocalizations;
|
||||||
|
|||||||
@@ -1,12 +1,10 @@
|
|||||||
import { autoAnimatePlugin } from '@formkit/auto-animate/vue';
|
import { autoAnimatePlugin } from '@formkit/auto-animate/vue';
|
||||||
import { createHead } from '@unhead/vue/client';
|
|
||||||
|
|
||||||
export function install({ app }: { app: import('vue').App<Element> }) {
|
export function install({ app }: { app: import('vue').App<Element> }) {
|
||||||
app.config.globalProperties.__DEV__ = __DEV__;
|
app.config.globalProperties.__DEV__ = __DEV__;
|
||||||
|
|
||||||
app.use(autoAnimatePlugin); // v-auto-animate="{ duration: 100 }"
|
app.use(autoAnimatePlugin); // v-auto-animate="{ duration: 100 }"
|
||||||
|
|
||||||
app.use(createHead());
|
|
||||||
app.config.errorHandler = (error, instance, info) => {
|
app.config.errorHandler = (error, instance, info) => {
|
||||||
console.error('Global error:', error);
|
console.error('Global error:', error);
|
||||||
console.error('Component:', instance);
|
console.error('Component:', instance);
|
||||||
@@ -64,7 +64,9 @@ declare module 'vue-router' {
|
|||||||
|
|
||||||
export { router, setupLayoutsResult };
|
export { router, setupLayoutsResult };
|
||||||
export { createGetRoutes } from 'virtual:meta-layouts';
|
export { createGetRoutes } from 'virtual:meta-layouts';
|
||||||
export type RouteLocalizationFlags = Record<keyof RouteNamedMap, string>;
|
declare global {
|
||||||
|
type PageTitleLocalizations = Record<keyof RouteNamedMap, string>;
|
||||||
|
}
|
||||||
|
|
||||||
if (__DEV__) Object.assign(globalThis, { router });
|
if (__DEV__) Object.assign(globalThis, { router });
|
||||||
// This will update routes at runtime without reloading the page
|
// This will update routes at runtime without reloading the page
|
||||||
5
src/plugins/10.formkit-auto-animate.ts
Normal file
5
src/plugins/10.formkit-auto-animate.ts
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
import { autoAnimatePlugin } from '@formkit/auto-animate/vue';
|
||||||
|
|
||||||
|
export function install({ app }: { app: import('vue').App<Element> }) {
|
||||||
|
app.use(autoAnimatePlugin); // v-auto-animate="{ duration: 100 }"
|
||||||
|
}
|
||||||
5
src/plugins/10.unhead.ts
Normal file
5
src/plugins/10.unhead.ts
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
import { createHead } from '@unhead/vue/client';
|
||||||
|
|
||||||
|
export function install({ app }: { app: import('vue').App<Element> }) {
|
||||||
|
app.use(createHead());
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user