⚠ DEPRECATED ⚠

Funtionatily was moved to unplugin-fluent-vue

fluent-vue-loader

Webpack loader that allows to use Vue custom blocks for locale messages in fluent-vue

• Installation
• Example

Installation

Add fluent-vue-loader to your dev-dependencies:

For npm users:

npm install fluent-vue-loader --save-dev

For yarn users:

yarn add fluent-vue-loader --dev

Add loader to your Webpack config

module.exports = {
  module: {
    rules: [
      // ...
      {
        resourceQuery: /blockType=fluent/,
        loader: 'fluent-vue-loader',
      },
      // ...
    ]
  }
}

Example

Example of App.vue with custom block:

<template>
  <p>{{ $t('hello') }}</p>
</template>

<script>
export default {
  name: 'app'
}
</script>

<fluent locale="en">
hello = hello world!
</fluent>