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文件保持一致
],
}