Fix actually passing config to the TranslationContext

Demivan · Demivan · commit 43ebd5283849 · 2025-02-14T22:15:56.000+02:00
diff --git a/__tests__/vue/plugin.spec.ts b/__tests__/vue/plugin.spec.ts
@@ -101,4 +101,28 @@ describe('vue integration', () => {
       '<div>Hello, \u{2068}John\u{2069}!<div>Hello from child component, \u{2068}Alice\u{2069}</div>\n</div>',
     )
   })
+
+  it('allows specifying custom variable mapping function', () => {
+    // Arrange
+    const fluent = createFluentVue({
+      bundles: [bundle],
+      mapVariable: (variable) => {
+        if (typeof variable === 'string')
+          return variable.toUpperCase()
+      },
+    })
+
+    const component = {
+      data: () => ({
+        name: 'John',
+      }),
+      template: '<div>{{ $t("message", { name }) }}</div>',
+    }
+
+    // Act
+    const mounted = mountWithFluent(fluent, component)
+
+    // Assert
+    expect(mounted.html()).toEqual('<div>Hello, \u{2068}JOHN\u{2069}!</div>')
+  })
 })
diff --git a/src/util/options.ts b/src/util/options.ts
@@ -29,6 +29,7 @@ export function resolveOptions(options: FluentVueOptions): ResolvedOptions {
   return {
     warnMissing: getWarnMissing(options),
     parseMarkup: options.parseMarkup ?? defaultMarkupParser,
+    mapVariable: options.mapVariable,
     globalFormatName: options.globals?.functions?.format ?? '$t',
     globalFormatAttrsName: options.globals?.functions?.formatAttrs ?? '$ta',
     directiveName: options.globals?.directive ?? 't',
