You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Vue-i18n allows HTML in string translations by setting strictMessage: false in the config. This allows users to easily embed HTML in their translations.
In SFC's you can add a <i18n> block with translations, but if those string contain HTML, Devtool attaches a data-v-inspector attribute and that breaks unimport-vue-i18n in the process.
I think the underlying issue is that the double quotes from the data attribute terminate the string?
@TheDutchCoder unfortunately yes, you can't use the component inspector, as DevTools is using vite-plugin-vue-inspector for component inspection. but everything else would work just fine!
🐛 The bug
Vue-i18n allows HTML in string translations by setting
strictMessage: false
in the config. This allows users to easily embed HTML in their translations.In SFC's you can add a
<i18n>
block with translations, but if those string contain HTML, Devtool attaches adata-v-inspector
attribute and that breaksunimport-vue-i18n
in the process.I think the underlying issue is that the double quotes from the data attribute terminate the string?
🛠️ To reproduce
https://stackblitz.com/edit/nuxt3-issue-unplugin-vue-i18n-4dw9xe?file=nuxt.config.ts
🌈 Expected behavior
Devtools to not process HTML from string translations (or at least not to break them 😄 )
ℹ️ Additional context
Toggle the devtools on/off to see it works with the devtool disabled, but breaks with it enabled.
The text was updated successfully, but these errors were encountered: