// src/main.ts
const pinia = createPinia();

// Use empty bundles as we will load them in the preferences store dynamically.
const fluent = createFluentVue({ bundles: [], componentTag: false });

const app = createApp(App);
app.use(pinia);
app.use(fluent);

app.mount("#app");

// src/store.ts
export const usePreferencesStore = defineStore("preferences", () => {
    const fluent = useFluent();
    const language = ref<Language>("en");
    watch(
      language,
      async (code) => {
        const bundle = new FluentBundle(code);

        // here is a code to load fluent resources
        const localesDirPath = await path.resolveResource(`resources/locales/${code}`);
        for (const entry of await readDir(localesDirPath)) {
          if (entry.isFile && entry.name.endsWith(".ftl")) {
            const content = await readTextFile(await path.join(localesDirPath, entry.name));
            bundle.addResource(new FluentResource(content));
          }
        }

        fluent.bundles.value = [bundle]; // override bundles
      },
      { immediate: true }, // load resources immedieatly
    );

    return { language };
});