반응형
SMALL
Reset CSS를 담당하는 App.scss를 main.ts에서 import하면 됩니다.
import { createApp } from 'vue';
/* import the fontawesome core */
import { library } from '@fortawesome/fontawesome-svg-core';
/* import font awesome icon component */
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
/* import specific icons */
import { faUserSecret } from '@fortawesome/free-solid-svg-icons';
import AOS from 'aos';
import { Quasar } from 'quasar';
import router from './router';
import App from './App.vue';
import quasarUserOptions from './quasar-user-options';
import '@/App.scss';
/* add icons to the library */
library.add(faUserSecret);
const app = createApp(App);
AOS.init();
app
.component('font-awesome-icon', FontAwesomeIcon)
.use(Quasar, quasarUserOptions)
.use(router)
.mount('#app');
반응형
LIST
'Vue' 카테고리의 다른 글
setup에서 CSS Module에 접근하는 방법 (0) | 2022.06.18 |
---|---|
ref를 이용해서 resize 하기 (0) | 2022.06.18 |
버튼 컴포넌트에서 상위 컴포넌트의 함수 실행시키는 방법 - emit (0) | 2022.06.18 |
Quasar CSS를 Override 하는 방법 (0) | 2022.06.18 |
composition API에서 ref, reactive를 사용하는 방법 (0) | 2022.06.18 |