How to use vue-i18n-loader with vue-loader 15?

With vue-loader 14, my Webpack 4 config has the following block:

{
  test: /\.vue$/,
  loader: 'vue-loader',
  options: {
    loaders: {
      i18n: '@kazupon/vue-i18n-loader'
    }
  }
},

After upgrading to the release candidate of vue-loader 15, none of my translations work, vue-i18n doesn’t load any translation from <i18n> blocks within the .vue files.

Is this a known limitation or do I have to change anything in the Webpack 4 config? For vue-loader 15, I had to add new VueLoaderPlugin(), in the plugins section after adding const { VueLoaderPlugin } = require('vue-loader')

[Lanfei]

You can add following rule in your webpack.conf.js:

{
  module: {
    rules: [
      {
        resourceQuery: /\bblockType=i18n\b/,
        loader: '@kazupon/vue-i18n-loader'
      }
      //, Other rules
    ]
  }
}

[smares]

Follow-up: It works if I rename the files to *.loca. Any idea how to make it work with *.json?