common-mini-components/src/router/index.ts

公共组件

import {App} from 'vue'
import { createRouter, createWebHashHistory, RouterOptions } from 'vue-router'

// TODO 这里使用 packages 只需要在 vite.config.ts 中配置 resolve.alias 别名即可
const routes = [{
  title: '按钮',
  name: 'Button',
  path: '/components/Button',
  component: () => import(`packages/Button/docs/README.md`)
},{
  title: '小i',
  name: 'IHelp',
  path: '/components/IHelp',
  component: () => import(`packages/IHelp/docs/README.md`)
},{
  title: 'test',
  name: 'TestDemo',
  path: '/test',
  component: () => import(`@/test/Fu.vue`)
}]

const routerConfig:RouterOptions = {
  history: createWebHashHistory(),
  routes,
  scrollBehavior(to: any, from: any) {
    if (to.path !== from.path) {
      return {top:0}
    }
  }
}

const router = createRouter(routerConfig)

export const setupRouter = (app: App) => {
  app.use(router)
}