managed localize resource with `lang` attribute

[kazupon]

related from kazupon/vue-i18n#249

e.g.

// someFile.vue
<template>
  ...
</template>

<i18n lang="zh-CN" src='./zh-CN.json'></i18n>
<i18n lang="zh-TW" src='./zh-TW.json'></i18n>
<i18n lang="en" src='./en.json'></i18n>

<script>
export default {
  ...
}
</script>

[antfu]

@kazupon Hi! I would think this approach is kind of confusing from the original vue sfc. lang attr is to specify the preprocessor programming language in template script and style. I would suggest to use another attr name instead of lang and leave lang for specify the locale preprocessor.

For example:

// someFile.vue
<template>
  ...
</template>

<i18n locale="zh-CN" src='./zh-CN.json'></i18n>
<i18n locale="zh-TW" lang='json5' src='./zh-TW.json5'></i18n>
<i18n locale="en" lang='yaml' src='./en.yaml'></i18n>

[kazupon]

@antfu
Thank you for feedback!

It's no problem. 😉
I've implemented with locale attr.
https://github.com/kazupon/vue-i18n-loader/blob/dev/src/index.ts#L31