@opentiny/tiny-toolkit-docs/template/ng/src/router.js

这里对你的套件进行简单描述, 比如适用哪些场景,使用了什么技术, 有什么特点

import { createRouter, createWebHistory } from 'vue-router';
import Layout from '@/views/layout/layout.vue';

const Components = () => import('@/views/components/components.vue');
const Docs = () => import('@/views/docs/docs.vue');
const Overview = () => import('@/views/overview.vue');

let routes = [
  // 组件总览
  {
    path: import.meta.env.VITE_CONTEXT + 'overview',
    component: Layout,
    name: 'overview',
    children: [{ path: '', component: Overview, meta: { title: '组件总览 | TinyNG' } }],
  },
  // 文档
  {
    path: import.meta.env.VITE_CONTEXT + 'docs/:docId',
    component: Layout,
    name: 'docs',
    children: [{ path: '', component: Docs }],
  },
  // 组件
  {
    path: import.meta.env.VITE_CONTEXT + 'components/:cmpId',
    component: Layout,
    name: 'components',
    children: [{ path: '', component: Components }],
  },
  //单组件示例
  {
    path: import.meta.env.VITE_CONTEXT + 'demoPage/:cmpId/:demoId',
    component: DemoPage,
    name: 'demoPage',
  },
  // 未匹配到目标地址时，进行路由重定向
  {
    path: '/:pathMatch(.*)*',
    redirect: { path: import.meta.env.VITE_CONTEXT + 'overview' },
  },
];
const router = createRouter({
  history: createWebHistory(),
  routes,
});

// 为浏览器添加title
router.afterEach((to, from) => {
  if (to.meta.title) {
    document.title = to.meta.title;
  }
});
export { router };