Single File Components i18n Support

Edit: 2019-07-29

Experimental support for SFC is landed in v0.29.0, please check out the release note for more details.

https://github.com/antfu/vue-i18n-ally/releases/tag/0.29.0

---

vue-i18n has a feature allow user to define their locale messages in the i18n section of Single File Components(SFC)

Something like this:

<i18n>
{
  "en": {
    "hello": "helloworld!"
  },
  "ja": {
    "hello": "こんにちは、世界"
  }
}
</i18n>

<template>
  <div class="parent">
    <p>message: {{ $t('hello') }}</p>
  </div>
</template>

Supporting SFC locales need a lot of work to the current code base. And I am not sure if it’s a good practice at all. So I opened this issue for make a survey about this feature usages.

If you are using SFC locales and would like to see it supported by this extension. Please upvote this comment 👍

Also, feel free to leave comments to discuss about this topic. Thanks. 😄

[JJBocanegra]

I don’t use them and never had to, I think it’s a bad practice to use them so maybe you should avoid all that work, but that’s my opinion 😛

[antfu]

FYI, from v0.36.0, we are now using vue-i18n-locale-message as the engine of SFC loader.

Benefits from @kazupon 's great work, we now support SFC editing, which means you can use full features (translating, refactoring, etc) for SFCs! 🎉