Как использовать кастомный атрибут в Pug? Pug несовместим с Vue?

Question

[kepo]

Надо использовать что-то типо
<button v-ripple.mouseover>Button</button>

Делаю
button(v-ripple.mouseover) Button

Выбивает ошибку

TypeError: Cannot read property 'mouseover' of undefined

Без '.mouseover' все работает, так что ошибка в этом модификаторе. Получается что, Pug несовместим с Vue?

Comments

[Антон Антон]

это директивы? Разве не v-ripple:mouseover должно быть?

[kepo]

Антон Антон: это modifiers

[kepo]

Директива это v-ripple, проблема в модификаторе.

[Антон Антон]

kepo: это багофича pug: https://github.com/pugjs/pug/issues/2569

Answer 1

[Антон Антон]

если используется vue-loader, то можно указать ему в конфиге вебпака правильный доктайп:

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

Answer 2

[kepo]

Нашел МЕГАУРОДЛИВОЕ решение
button(v-ripple.mouseover="") Button

Работает, но надо альтернативы, а то уйду обратно в html))