Where to write styles for a component in nuxt.js?

Question

Vue.js

Good afternoon. I know Nuxt has common styles in assets/style.css, but what about the styles I want to apply to components? Will the standard structure of regular vue work? If I create a style in the component, then in the "View source page" all the styles appear on the page, is this normal?

Answer 1

nuxt.config.js

// Build Configuration: https://go.nuxtjs.dev/config-build
export default {
 // ...
  build: {
    extractCSS: process.env.NODE_ENV === 'production', // если true разобьет css по файлам
  },
 // ..
}