v-bind::class should support hyphen to work with Bootstrap

[rotherfuchs]

Twitter Bootstrap classes have hyphens in their names, i.e. is-valid.
Vue supports hyphens by encapsulating classes within quotes:
https://vuejs.org/v2/guide/class-and-style.html#Object-Syntax

<div
  class="static"
  v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>

widget_tweaks however does not support this currently if I'm not mistaken which makes impossible to use together with bootstrap and Vue, unless you want to render manually.

{% for field in form.visible_fields %}
{% render_field field class="form-control" v-bind::class="{ 'is-valid' : formValid}" %}
{% endfor %}

^ will fail with syntax error

[rotherfuchs]

This workaround works for now:

{% with foo="{'is-valid': formValid}" %}
{% render_field field class="form-control" v-bind::class=foo %}
{% endwith %}

or in my case within a form-loop:

{% for field in form.visible_fields %}
{% with vue_bind="{'is-valid': formValid('"|add:field.name|add:"')}" %}
{% render_field field class="form-control" v-bind::class=vue_bind %}
{% endwith %}
{% endfor %}