feat: configurable bundle.optimizeTranslationDirective (nuxt-module…

…s#3256)
divine · Dec 6, 2024 · 1b4574f · 1b4574f
1 parent 7348f7e
commit 1b4574f
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 4 deletions.
diff --git a/docs/content/docs/4.api/0.options.md b/docs/content/docs/4.api/0.options.md
@@ -443,6 +443,13 @@ It can be useful if you have one code base (e.g. [Nuxt Layers](https://nuxt.com/
 The value of this **option will not be merged with other Nuxt Layers**. This option should only be specified in the final project config.
 ::
 
+### `optimizeTranslationDirective`
+
+- type: `boolean`{lang="ts-type"}
+- default: `true`{lang="ts"}
+
+Whether to optimize `v-t` directive by transforming it's usage into a vue-i18n translation function, this needs to be enabled for projects using the `v-t` directive with SSR.
+
 ## experimental
 
 Experimental configuration property is an object with the following properties:

diff --git a/src/bundler.ts b/src/bundler.ts
@@ -42,7 +42,7 @@ export async function extendBundler({ options: nuxtOptions }: I18nNuxtContext, n
       compositionOnly: nuxtOptions.bundle.compositionOnly,
       onlyLocales: nuxtOptions.bundle.onlyLocales,
       dropMessageCompiler: nuxtOptions.bundle.dropMessageCompiler,
-      optimizeTranslationDirective: true,
+      optimizeTranslationDirective: nuxtOptions.bundle.optimizeTranslationDirective,
       strictMessage: nuxtOptions.compilation.strictMessage,
       escapeHtml: nuxtOptions.compilation.escapeHtml,
       include: localeIncludePaths
@@ -75,7 +75,7 @@ export async function extendBundler({ options: nuxtOptions }: I18nNuxtContext, n
     fullInstall: nuxtOptions.bundle.fullInstall,
     onlyLocales: nuxtOptions.bundle.onlyLocales,
     dropMessageCompiler: nuxtOptions.bundle.dropMessageCompiler,
-    optimizeTranslationDirective: true,
+    optimizeTranslationDirective: nuxtOptions.bundle.optimizeTranslationDirective,
     strictMessage: nuxtOptions.compilation.strictMessage,
     escapeHtml: nuxtOptions.compilation.escapeHtml,
     defaultSFCLang: nuxtOptions.customBlocks.defaultSFCLang,

diff --git a/src/constants.ts b/src/constants.ts
@@ -38,7 +38,8 @@ export const DEFAULT_OPTIONS = {
     compositionOnly: true,
     runtimeOnly: false,
     fullInstall: true,
-    dropMessageCompiler: false
+    dropMessageCompiler: false,
+    optimizeTranslationDirective: true
   },
   compilation: {
     jit: true,

diff --git a/src/types.ts b/src/types.ts
@@ -132,7 +132,12 @@ export interface ExperimentalFeatures {
 export interface BundleOptions
   extends Pick<
     PluginOptions,
-    'compositionOnly' | 'runtimeOnly' | 'fullInstall' | 'dropMessageCompiler' | 'onlyLocales'
+    | 'compositionOnly'
+    | 'runtimeOnly'
+    | 'fullInstall'
+    | 'dropMessageCompiler'
+    | 'onlyLocales'
+    | 'optimizeTranslationDirective'
   > {}
 
 export interface CustomBlocksOptions extends Pick<PluginOptions, 'defaultSFCLang' | 'globalSFCScope'> {}