[Vuejs]-Why is bulma overriding my vue3 component css?

by

0👍

✅

I was able to resolve this by moving the bulma import to the top of main.js and also changing it from require to import, as follows

Before

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
require('@/assets/main.scss');<< This contains a single line @import '~bulma';

Now

import '@/assets/main.scss';
import '@fortawesome/fontawesome-free/css/all.css'
import '@fortawesome/fontawesome-free/js/all.js'
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

Leave a comment