vuetify框架中遇到的问题

1、内容全英文不换行添加.text-break类，内容有换行页面不生效添加.text-pre-line类：

<div class="text-break text-pre-line">
</div>

2、全局引入vue、vue-router等

yarn add unplugin-auto-import

// vite.config.ts

import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig({
  plugins: [
    AutoImport({ 
        imports: [
            // 自动引入vue的ref、toRefs、computed等，无需在页面中再次引入
            'vue','vue-router','pinia',
            {
                '@/store/app': [
                    'useAppStore'  // import { useAppStore } from '@/store/app'
                ]
            }
        ],
        dts: true,
        eslintrc: {
            enabled: false, // 改为true用于生成eslint配置，生成后改回false，避免重复生成消耗
            filepath: './.eslintrc-auto-import.json', 
            globalsPropValue: true
  }
    }),
  ],
})

// .eslintrc.js文件

module.exports = {
  extends: [
    './.eslintrc-auto-import.json' // 配置生成的json文件，需要和vite.config.ts文件保持一致
  ],
}