Vue3安装Vuetify和使用Fontawesome6-爱代码爱编程
vue3需要使用3版本的vuetify
"vuetify": "^3.0.0-beta.0",
首先项目里需要有fontawesome,提示:css和webfonts文件夹即可
src下新建plugins文件夹,命名例如vuetify.js
import '@/assets/css/fontawesome6/css/all.min.css'
import 'vuetify/lib/styles/main.sass'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/lib/components/index'
import * as directives from 'vuetify/lib/directives/index'
import { aliases, fa } from 'vuetify/lib/iconsets/fa'
export const vuetify = createVuetify({
icons: {
defaultSet: 'fa',
aliases,
sets: {
fa,
},
},
components,
directives,
theme: {
themes: {
light: {
colors: {
primary: '#41b883',
background: '#35495e',
error: '#d63031',
info: '#0984e3',
secondary: '#fdcb6e',
success: '#00cec9',
surface: '#6c5ce7',
warning: '#2d3436',
},
dark: false,
variables: {},
},
},
},
})
import { vuetify } from "./plugins/vuetify"
const app = createApp(App)
app.use(vuetify)
app.mount('#app')
使用图标
<template>
<v-icon icon="fa-check" />
</template>