Skip to content
This repository has been archived by the owner on Sep 17, 2022. It is now read-only.

Latest commit

 

History

History
79 lines (55 loc) · 1.22 KB

README.md

File metadata and controls

79 lines (55 loc) · 1.22 KB

⚠ DEPRECATED ⚠

Funtionatily was moved to unplugin-fluent-vue

rollup-plugin-fluent-vue

rollup-plugin-fluent-vue is a Rollup plugin that allows to use custom blocks with locale messages in fluent-vue. It can also be used as Vite plugin

Instalation

Add rollup-plugin-fluent-vue to your dev-dependencies:

For npm users:

npm install rollup-plugin-fluent-vue --save-dev

For yarn users:

yarn add rollup-plugin-fluent-vue --dev

Add plugin to your Rollup or Vite config

Rollup:

import fluentPlugin from 'rollup-plugin-fluent-vue'

module.exports = {
  plugins: [
    fluentPlugin(),
  ],
}

Vite:

import vue from '@vitejs/plugin-vue'
import fluentPlugin from 'rollup-plugin-fluent-vue'

export default {
  plugins: [vue(), fluentPlugin()],
}

Options

blockType

Type: string
Default: fluent

Custom block tag name.

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>