Add vue-style-loader for shadowMode

[SergkeiM]

• Laravel Mix Version: 6.0.5
• Node Version: v12.14.1
• NPM Version: 6.13.4
• OS: Windows10

Description:

Based on this

With new version we can pass .vue({ options }), 1 of the options of vue-loader is shadowMode, but shadowMode doesn't work without vue-style-loader.

It is possible to add option to change default style-loader to vue-style-loader, I was thinking something like this:

// config.js

...
shadowMode: false,
...

// components/CssWebpackConfig.js

static afterLoaders({ method = 'auto' } = {}) {
    const loaders = [];

    if (Config.shadowMode) {
        loaders.push({
            loader: 'vue-style-loader',
            options: {
                shadowMode: true
            }
        });

        return loaders;
    }

    if (method === 'auto') {
        // TODO: Fix
        if (Mix.extractingStyles !== false) {
            method = 'extract';
        } else {
            method = 'inline';
        }
    }

    if (method === 'inline') {
        loaders.push({ loader: 'style-loader' });
    } else if (method === 'extract') {
        loaders.push({
            loader: MiniCssExtractPlugin.loader,
            options: {
                esModule: true
            }
        });
    } else {
        throw new Error(
            `Unknown css loader method '${method}'. Expected auto, inline, or extract.`
        );
    }

    return loaders;
}

//mixFile
mix.options({
	shadowMode: true
});

mix.js('src/index.js', 'dist/app.js').vue({
	version: 2,
	options: {
		shadowMode: true
	}
});

Ofcourse it will be more correct to use the .vue({ options }), but I couldn't find how I can access vue options in components/CssWebpackConfig.js