title: Using <style lang="scss"> in vue component gives error
body: <p>I am trying to use vue js in rails.
  Everything works, except when I tried to use <code>&lt;style&gt;</code> inside <code>.vue component</code> </p>
  
  <p>The exact error is:</p>
  
  <blockquote>
    <p>./app/javascript/layouts/dashboard.vue?vue&amp;type=style&amp;index=0&amp;lang=scss&amp; (./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??ref--1-2!./node_modules/style-loader/dist!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/postcss-loader/src??ref--5-2!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./node_modules/vue-loader/lib??vue-loader-options!./app/javascript/layouts/dashboard.vue?vue&amp;type=style&amp;index=0&amp;lang=scss&amp;)
    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
    SassError: Expected newline.</p>
  </blockquote>
  
  <h2>My <code>environment.js</code> file</h2>
  
  <pre><code>const { environment } = require('@rails/webpacker')
  const { VueLoaderPlugin } = require('vue-loader')
  
  const vueLoader = require('./loaders/vueLoader')
  const vuetifyLoader = require('./loaders/vuetifyLoader')
  
  environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())
  
  environment.loaders.prepend('vue', vueLoader)
  
  environment.loaders.prepend('vuetify', vuetifyLoader)
  
  const resolver = {
    resolve: {
      alias: {
        'vue$': 'vue/dist/vue.esm.js'
      }
    }
  }
  
  environment.config.merge(resolver)
  
  module.exports = environment
  </code></pre>
  
  <h2>VuetifyLoader.js file</h2>
  
  <pre><code>module.exports = {
    test: /\.s(c|a)ss$/,
    use: [
      'vue-style-loader',
      'css-loader',
      {
        loader: 'sass-loader',
        // Requires sass-loader@^7.0.0
        options: {
          implementation: require('sass'),
          fiber: require('fibers'),
          indentedSyntax: true // optional
        },
        // Requires sass-loader@^8.0.0
        options: {
          implementation: require('sass'),
          sassOptions: {
            fiber: require('fibers'),
            indentedSyntax: true // optional
          },
        },
      },
    ],
  }
  </code></pre>