feat: configurable bundle.optimizeTranslationDirective (#3256)

Author: BobbieGoede

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:

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,

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,

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'> {}