[ vue.js ] vuetify v-icon 설정 / mdi 설치

1. install

npm install @mdi/font -D

2. vuetify.ts 설정해주기 

// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'

// Vuetify
import { createVuetify } from 'vuetify'
// mdi import
import { aliases, mdi } from 'vuetify/iconsets/mdi'

export default createVuetify({
// icon 설정
    icons: {
        defaultSet: 'mdi',
        aliases,
        sets: {
            mdi,
        }
    }
})

 

install시 최신 버전이 설치되니 위 코드로 해결되지 않으면 vuetify 공식 페이지에서 확인하면 된다.