Vue.js / Nuxt.js のフレームワークを利用している場合の注意点

事象

Vue.js / Nuxt.js 等のフレームワークを利用している場合、言語切替ウィジェットで言語切替をしてもテキストが変更されない、など、意図しない挙動をするケースがあります。

原因

WOVN では翻訳処理において、HTML コメントを利用する場合があります。
その際に、Vue.js / Nuxt.js の設定によって HTML コメントを削除する動作をすることがあり、WOVN の翻訳処理に影響します。

解決方法

Vue.js / Nuxt.js のコンパイルオプションにて HTML コメントを維持するように設定を変更してください。

インフォメーション
Vue.js / Nuxt.js フレームワークでの HTML コメントを維持するオプションのドキュメントについては、以下を参照してください。(外部リンク)
- https://vuejs.org/api/application.html#app-config-compileroptions
- https://v2.vuejs.org/v2/api/#comments
- https://nuxt.com/docs/api/configuration/nuxt-config#vue-1