Where is the best place to include Bootstrap styles in a Vuejs project?

Question

Bootstrap

I create a project using Vue CLI
Install Bootstrap using npm
Now I include styles in the App.vue root component in the section<script>

import 'bootstrap/dist/css/bootstrap.min.css'

export default {...}

I came across information that you can also connect in the root file of the main.js project

import { createApp } from 'vue'
import App from './App.vue'
import 'bootstrap/dist/css/bootstrap.min.css'

createApp(App).mount('#app')

If there is no difference, why pay more, then where is it better to connect and why ?

Answer 1

There is practically no difference.
This is a question about the number of such connections. I generally make a separate module, call it cssImports.js and there I connect all third-party libraries in a comment column and import it into main.js

import '../imports/cssImports.js';
Thanks for the reply Alexander