const mix = require('laravel-mix');

require("laravel-mix-vue3");

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

// mix.js('resources/js/app.js', 'public/js')
//     .sass('resources/sass/app.scss', 'public/css');
// mix.options({
//   extractVueStyles: true,
//   extractStyles: true,
// });

mix
.vue3('resources/vue/extPages/main.js', '/js/extern.js')  
.vue3('resources/vue/extMPPages/main.js', '/js/externMP.js')  
// .vue3('resources/vue/bmwExtPages/main.js', '/js/bmwExtern.js')  
// .vue({
//   "extractStyles": true,
// })
// .vue({
//   "useStyleLoader:": true,
// })