How to describe v-bind:class from Vue in haml?

Question

Ruby on Rails

component.vue

<template lang="haml">
.button{'v-bind:class': '{active: true}'}
</template>

Gives compilation error: Invalid or unexpected token
.button{'x-bind:class': '{active: true}'
} '} - renders
I.e. huml doesn't like curly braces inside an attribute value or is this a bug related to Vue? Something is not clear

Answer 1

Maybe this link will help you