fix: don't expose full project path throuh langDir option (#1786)

Author: kazupon

package.json

@@ -102,6 +102,7 @@
     "@babel/traverse": "^7.18.10",
     "@intlify/vue-i18n-extensions": "^1.0.2",
     "@intlify/vue-i18n-loader": "^1.1.0",
+    "@nuxt/utils": "2.x",
     "cookie": "^0.5.0",
     "devalue": "^2.0.1",
     "is-https": "^4.0.0",

src/index.js

@@ -2,6 +2,8 @@ import { resolve, join } from 'path'
 import { readdirSync } from 'fs'
 import merge from 'lodash.merge'
 // @ts-ignore
+import { relativeTo } from '@nuxt/utils'
+// @ts-ignore
 import { directive as i18nExtensionsDirective } from '@intlify/vue-i18n-extensions'
 import { COMPONENT_OPTIONS_KEY, DEFAULT_OPTIONS, ROOT_DIR, STRATEGIES, REDIRECT_ON_OPTIONS } from './helpers/constants'
 import { buildHook, createExtendRoutesHook } from './core/hooks'
@@ -22,16 +24,26 @@ export default async function (moduleOptions) {
     throw new Error(formatMessage('When using the "lazy" option you must also set the "langDir" option.'))
   }
 
+  /** @type {Record<string, string>} */
+  const localeFileMap = {}
+
   if (options.langDir) {
+    /**
+     * Helper for `langDir` resources resolving
+     * @param {any[]} args
+     */
+    const relativeToBuild = (...args) => relativeTo(this.options.buildDir, ...args)
+    const resolvedLangDir = this.nuxt.resolver.resolveAlias(options.langDir)
+
     if (!options.locales.length || typeof options.locales[0] === 'string') {
       throw new Error(formatMessage('When using the "langDir" option the "locales" must be a list of objects.'))
     }
     for (const locale of options.locales) {
       if (typeof (locale) === 'string' || !locale.file) {
         throw new Error(formatMessage(`All locales must be objects and have the "file" property set when using "langDir".\nFound none in:\n${JSON.stringify(locale, null, 2)}.`))
       }
+      localeFileMap[String(locale.file)] = relativeToBuild(resolvedLangDir, locale.file)
     }
-    options.langDir = this.nuxt.resolver.resolveAlias(options.langDir)
   }
 
   // Templates (including plugins).
@@ -60,7 +72,8 @@ export default async function (moduleOptions) {
       isUniversalMode: nuxtOptions.mode === 'universal',
       trailingSlash: nuxtOptions.router.trailingSlash
     },
-    options
+    options,
+    localeFiles: JSON.stringify(localeFileMap)
   }
 
   const templatesPath = join(__dirname, '/templates')

src/templates/options.d.ts

@@ -18,3 +18,4 @@ export const localeMessages: Record<string, () => Promise<LocaleFileExport>>
 export const Constants: ModuleConstants
 export const nuxtOptions: ModuleNuxtOptions
 export const options: ResolvedOptions
+export const localeFiles: string

src/templates/options.js

@@ -3,6 +3,7 @@ const { lazy, locales, langDir, vueI18n } = options.options
 const { fallbackLocale } = vueI18n || {}
 const syncLocaleFiles = new Set()
 const asyncLocaleFiles = new Set()
+const localeFiles = JSON.parse(options.localeFiles)
 
 if (langDir) {
   if (fallbackLocale && typeof (fallbackLocale) === 'string') {
@@ -17,7 +18,7 @@ if (langDir) {
     }
   }
   for (const file of syncLocaleFiles) {
-%>import locale<%= hash(file) %> from '<%= `../${relativeToBuild(langDir, file)}` %>'
+%>import locale<%= hash(file) %> from '<%= `../${localeFiles[file]}` %>'
 <%
   }
 }
@@ -62,7 +63,7 @@ export const localeMessages = {
   <%= `'${file}': () => Promise.resolve(locale${hash(file)}),` %><%
   }
   for (const file of asyncLocaleFiles) {%>
-  <%= `'${file}': () => import('../${relativeToBuild(langDir, file)}' /* webpackChunkName: "lang-${file}" */),` %><%
+  <%= `'${file}': () => import('../${localeFiles[file]}' /* webpackChunkName: "lang-${file}" */),` %><%
   }
 %>
 }

yarn.lock

@@ -1752,7 +1752,7 @@
     "@types/webpack-hot-middleware" "2.25.4"
     sass-loader "10.1.1"
 
-"@nuxt/utils@2.15.8":
+"@nuxt/utils@2.15.8", "@nuxt/utils@2.x":
   version "2.15.8"
   resolved "https://registry.yarnpkg.com/@nuxt/utils/-/utils-2.15.8.tgz#0c3594f01be63ab521583904cafd32215b719d4c"
   integrity sha512-e0VBarUbPiQ4ZO1T58puoFIuXme7L5gk1QfwyxOONlp2ryE7aRyZ8X/mryuOiIeyP64c4nwSUtN7q9EUWRb7Lg==