推荐使用 Notion Boost 插件开启 OUTLINE 大纲方便阅读。

集成说明

除了 main 分支集成 外,还有集成以下

功能集成

自动组件注册

利用插件 unplugin-vue-components 来按需自动导入使用的组件,我们使用 UI 组件库为 Naive UI,则配置相应组件库的 resolver;

// vite.config.js
// 组件自动引入
import Components from 'unplugin-vue-components/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'

export default defineConfig({
  plugins: [
    Components({ 
			resolvers: NaiveUiResolver()
		}),
  ],
})

并且默认情况下,此插件也会从 src/components 路径中查找导入组件,也就是定义在 src/components 目录下的组件可以直接使用就行了;可以通过配置 dirs 来修改默认路径。参考文档 - 配置

登录鉴权流程