Option preserveWhitespace still not working

Ref https://github.com/JeffreyWay/laravel-mix/issues/1753

Any idea why this is still not working? I still see whitespaces between dom elements…

https://vue-loader-v14.vuejs.org/en/options.html#preservewhitespace

mix.options({
   vue: {
      preserveWhitespace: false
   }
})

-> % npm list|grep vue           
..
├── vue@2.6.11
..

-> % npm list|grep vue-loader
│ ├─┬ vue-loader@15.8.3

[fideloper]

I couldn’t get this to work in the webpack config, however I did get it working.

For Vue3, Following the docs here: https://v3.vuejs.org/api/application-config.html#compileroptions-whitespace

I updated my resources/js/app.js:

require('./bootstrap');

import { createApp } from 'vue'
import HelloWorld from './components/Welcome'

const app = createApp({})

// The magic is here:
app.config.compilerOptions.whitespace = 'preserve'

app.component('hello-world', HelloWorld)
app.mount('#app')

[Eldair]

Hi,

preserveWhitespace is deprecated and new option is whitespace This is the new syntax:

mix.options({
    vue: {
        compilerOptions: {
            whitespace: 'preserve',
        },
    },
});