title: use sass styles globally in Vue.js
body: <p>I tried to use sass globally in the vue.js app using this method :</p>
  <pre><code>const { defineConfig } = require('@vue/cli-service')
  module.exports = {
      css:{
          loaderOptions:{
              sass:{
                  data:`@import &quot;@/sass/test.scss&quot;;`
              }
          }
      }
  }
  </code></pre>
  <p>but in vue.config.js i have these 2 lines of code:</p>
  <pre><code>const { defineConfig } = require('@vue/cli-service')
  module.exports = defineConfig({transpileDependencies: true})
  </code></pre>
  <p>I've tried to put a comma between them and it didn't work, I've also tried to remove the first two lines and it won't work, I've searched but all the results were old,</p>