Separating SCSS style from Vue template

Separating SCSS file in Nuxt and Vue

Put the SCSS file into their own file under the same folder of the .vue template, then refer the .scss file in your Vue template like so

                                <!-- in .vue template -->
<style lang="scss" scoped src="./your-scss-file.scss"></style>
                            

Tags: Nuxt Vue