too simplistic implementation multiple pages dirs

src/loader.ts

@@ -13,6 +13,7 @@ import {
 } from './utils'
 import { LoaderOptions } from './types'
 import templateAppDir from './templateAppDir'
+import { removeCommentsFromCode } from './utils'
 
 export default function loader(
  this: webpack.LoaderContext<LoaderOptions>,
@@ -47,10 +48,8 @@ export default function loader(
  return getDefaultAppJs(hasLoadLocaleFrom)
  }
 
- // Skip files that are not inside a valid page dir
- if (!normalizedPagesPath) return rawCode
 
- const page = normalizedResourcePath.replace(normalizedPagesPath, '/')
+ const page = normalizedResourcePath.replace(normalizedPagesPath || '', '/')
  const pageNoExt = page.replace(extensionsRgx, '')
  const pagePkg = parseFile(basePath, normalizedResourcePath)
  const defaultExport = getDefaultExport(pagePkg)
@@ -59,19 +58,20 @@ export default function loader(
  // "export default" on the page
  if (!defaultExport) return rawCode
 
- if (normalizedPagesPath.endsWith('app/')) {
- if (page.endsWith('page.tsx')) {
+ const isClientComponent = /^['"]use client['"]/.test(removeCommentsFromCode(pagePkg.getCode()))
+
+ if (Boolean(normalizedPagesPath && normalizedPagesPath.endsWith('app/')) || isClientComponent) {
  return templateAppDir(pagePkg, {
  hasLoadLocaleFrom,
  pageNoExt,
  normalizedResourcePath,
  normalizedPagesPath,
  })
- }
-
- return rawCode
  }
 
+ // Skip files that are not inside a valid page dir
+ if (!normalizedPagesPath) return rawCode
+
  // Skip any transformation if the page is not in raw code
  // Fixes issue with Nx: https://github.com/vinissimus/next-translate/issues/677
  if (hasExportName(pagePkg, '__N_SSP') || hasExportName(pagePkg, '__N_SSG')) {

src/templateAppDir.ts

@@ -93,7 +93,7 @@ function templateAppDirClientComponent({ code, hash, pageVariableName }: ClientT
  const forceUpdate = __react.useReducer(() => [])[1]
  const isClient = typeof window !== 'undefined'
 
- if (isClient && !window.__NEXT_TRANSLATE__) {
+ if (isClient && !window.__NEXT_TRANSLATE__ && document.getElementById('__NEXT_TRANSLATE_DATA__')) {
  window.__NEXT_TRANSLATE__ = { lang: __i18nConfig.defaultLocale, namespaces: {} }
  update(false)
  }