vuetify 적용에 대해서

여러가지 삽질을 해본 결과

vue 3.x 이상의 프로젝트에 vuetify 3 beta 를 적용하는 것은

아직인 것 같다

 

현재 미니프로젝트에 vuetify 3을 적용하려고 해보다가

포기하고 composition API 를 적용중이 아니기에

프로젝트를 vue 2.x 버전으로 내렸다

 

이상없이 잘된다!

 

------------------------------------

vuetify 적용하고 v-icon 등과 같은 컴포넌트를 사용할때 아이콘의

종류를 바꾸기 위해서는

<v-icon right dark> mdi-refresh </v-icon>

mdi- 뒤에오는 부분을 바꿔주면 된다.

 

Meterial 아이콘은 여기서 확인! 

https://fonts.google.com/icons?selected=Material+Icons 

Google Fonts

폰트 어썸(font-awesome) 아이콘을 사용하고 싶다면

mdi- 대신 fa- 로 시작해주면 된다!

 

 

vuetify icon 관련 도큐먼트

https://v15.vuetifyjs.com/ko/components/icons/