Extend vue loaders

Is there a way to extend vue loaders? I’m trying to use vue-i18n in single file components this is what i want to achieve

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

Thanks in advance.

[JBtje]

@lukadriel7 I’ve been keeping the vue-i18n documentations regarding laravel-mix up to date, so you can find the code in the documentations of vue-i18n: http://kazupon.github.io/vue-i18n/guide/sfc.html#laravel-mix

[lukadriel7]

@JBtje Thank you very much, I had done some digging myself and came up with a solution where I simply pushed vue-i18n in the rules array like this

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.extend( 'i18n', function( webpackConfig, ...args ) {
    webpackConfig.module.rules.push(
        {
            resourceQuery: /blockType=i18n/,
            type: 'javascript/auto',
            loader: '@kazupon/vue-i18n-loader',
        }
    )
} );

mix.i18n().js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

But I guess it would be better to go with your solution. Thank you again