How to use custom attribute in Pug? Is Pug incompatible with Vue?

Question

HTML

You need to use something like
<button v-ripple.mouseover>Button</button>
I do
button(v-ripple.mouseover) Button
Knocks out an error

TypeError: Cannot read property 'mouseover' of undefined

Without '.mouseover' everything works, so the error is in this modifier. It turns out that Pug is not compatible with Vue?

Answer 1

if vue-loader is used, then you can specify the correct doctype in the webpack config:

{
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
                loaders: {},
        template: {
        doctype: 'html'
        }
}

Answer 2

I found a MEGA UGLY solution
. It works, but I need alternatives, otherwise I'll go back to html))