vue import css

1// To import global CSS, simply import the stylesheet in main.js or App.vue, 
2// where it is easy to reference all global styles in one main file 
3// (or create a styles-import.js file and import that file in your main.js file).
4
5// main.js
6import '~/assets/styles.css';
7
8// To import css scoped to a component, we can't just @import within a scoped style element,
9// as they will leak out.
10// Instead, we need to dedicate an entire scoped style element to importing that file.
11
12// Component.vue
13// Do this:
14<style scoped src="~/assets/styles.css"><style> // This will import the CSS scoped to this component only
15// Not that:
16<style scoped lang="css">
17  @import "~/assets/styles.css"; // This will import the CSS globally
18</style>
19