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

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==