Vue-i18n: V-IF with CLASS weird V-T directive behaviour

[karol-f]

vue & vue-i18n version

[email protected], [email protected]

Reproduction Link

https://www.webpackbin.com/bins/-Kv7F4nCE6JXglvqh0WZ

Steps to reproduce

• V-IF with any class attribute added, V-T directive appended inside
• V-ELSE with V-T directive on it

What is Expected?

Toggling translation would work.

What is actually happening?

Toggling V-IF creates V-ELSE translation inside it on top of correct translation

[kazupon]

Thank you for your reporting!

I seem that this behavior is bug of vue when used custom directive together with v-else(v-if).
see the small repro link
https://jsfiddle.net/fjfnxq2r/2/

[mstefaniak]

It looks the same. Did you pass it by to Vue repository? Is there a bug reported which I can follow?

[kazupon]

This behavior is spec of Vue.
As the workaround, You can use key special attribute.
See the docs