[Feature Request]YAML Locales Support

Is your feature request related to a problem? Please describe.

https://github.com/nuxt-community/i18n-module/blob/master/src/templates/utils.js#L31

            const langFileModule = await import(/* webpackChunkName: "lang-[request]" */ `~/<%= options.langDir %>${file}`)
            const getter = langFileModule.default || langFileModule
            messages = typeof getter === 'function' ? await Promise.resolve(getter(context, locale)) : getter

i found that locales are imported as js/json files. but yaml format files are more lighter.

Describe the solution you’d like

add a check, when pass in yaml files use yaml-parser to load them.

[willin]

moreover, if support multiple files will be more better

like:

locales/
en/
  message.yml
  navigation.yml
zh/
  message.yml
  navigation.yml

[tillsanders]

I can confirm that using the “default” yaml rule breaks i18n blocks. I was able to resolve this by only applying the yaml-loader rule to my locales/ directory, like so:

  build: {
    extend(config) {
      config.module.rules.push({
        test: /locales\/.*\.ya?ml$/,
        type: 'json',
        use: 'yaml-loader'
      })
    }
  }

Now, I can import locales from yaml files in locales/ and still use i18n blocks. I think this or a better solution should be mentioned in the docs. If you like my approach, I can file a PR to add a new guide to the docs. Let me know what you think!

Also, happy holidays!