fluent-web

A web component that uses Fluent for localization.

Interactive example.

Locale en-US	Locale pl

Basic Usage:

yarn add @wolfadex/fluent-web or npm install @wolfadex@fluent-web

import"@wolfadex/fluent-web"import{FluentResource,FluentBundle}from"@fluent/bundle";constresource=newFluentResource(`hello = Hello, Fluent!`);constbundle=newFluentBundle("en-US");bundles.addResource(resource);consttextEl=document.getElementById("my-text-element");textEl.bundles=[bundle];

HTML:

<fluent-textid="my-text-element" messageid="hello"></fluent-text>

Result:

Hello, Fluent!

For how to build messages, see the Fluent docs.

Examples:

• Elm, this is used for the interactive demo
• Svelte
• Vanilla HTML & JS

Docs:

See the Docs for more details.