Как использовать SASS миксины и переменные во всех компонентах Vue?

{
        test: /\.scss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          'sass-loader',
          {
            loader: 'sass-resources-loader',
            options: {
              // Provide path to the file with resources
              resources: './src/sass/main.scss'
   
            },
          },
        ],
      },

{
    loader: 'sass-loader',
    options: {
          indentedSyntax: true,
          data: `@import "vars.scss";`
    }
}