Fetch translations from API?

[Nobi322]

Hey!
Is there a way to fetch translations from API? That's would be a nice addition

P.S.
Thanks for nice plugin! Слава Україні!

[Demivan]

Hi. It is quite easy to do in userland already.

https://fluent-vue.demivan.me/howto/importing-ftl-files.html combine this with fetching.

Pseudocode:

import { FluentBundle, FluentResource } from '@fluent/bundle'

function changeLocale(locale) {
  // Or any other way of fetching messages
  const messages = await fetch(`/translations/${locale}.ftl`)

  const bundle = new FluentBundle(locale)
  bundle.addResource(new FluentResource(messages))

  fluent.bundles = [bundle]
}

Or you have something else in mind?

P.S.
Thanks for kind words. Героям Слава!

[Nobi322]

I will try that, thanks!

[Demivan]

What are you using for managing translations? Why do you load them from API?

[Nobi322]

I have a rest API with admin panel that manage translations. So I need to fetch them to keep updated on FE(with some cache period).

[Demivan]

Have you managed to set it up?

By the way check this example:
https://github.com/fluent-vue/examples/tree/main/vue-3-vite-external-translations

It uses new package - unplugin-fluent-vue to import translations from external .ftl files. This allows to manage these files using external tools - for example Pontoon