vue3+ts+vite项目使用 unplugin-auto-import (自动导入)

该项目是基于vite创建的 vue3 + ts + vue-router + pinia项目;

启动项目：

npm install
npm run dev

启动后遇到了以下问题：

问题1：

Component name "Person" should always be multi-word. eslint(vue/multi-word-component-names)
解释：组件名“Person”应该总是由多个单词组成（组件名 name: ‘Person’）

解决方法：
.eslintrc.cjs 中添加以下配置

rules: {
  'vue/multi-word-component-names': 'off'
}

问题2：

项目中会频繁引入使用 vue、vue-router、pinia 内的API， 如ref、reactive 等
使用自动引入插件进行全局引入即可

使用步骤：

• 安装：npm i -D unplugin-auto-import
• 修改 vite.config.ts

import AutoImp