header and footer of 404 page are not localized

[neicore]

Describe the bug

I added a custom notFound and footer content in the themeConfig and it works as expected, but when I passed custom in themeConfig of a locale, the values didn't appear

Reproduction

In any vitepress project that has locale go to themeConfig of that locale and add custom notFound or footer values and they wont show up when you are in that locale

Expected behavior

When you add custom values of notFound or footer in themeConfig or a locale, they should show up if you are in that locale

System Info

System:
    OS: Linux 6.1 Manjaro Linux
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz
    Memory: 5.70 GB / 15.31 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 20.5.0 - ~/.nvm/versions/node/v20.5.0/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 9.8.0 - ~/.nvm/versions/node/v20.5.0/bin/npm
  npmPackages:
    vitepress: ^1.0.0-rc.20 => 1.0.0-rc.20

Additional context

you can find my config here:
https://github.com/NuruProgramming/nyaraka/blob/main/docs/.vitepress/config.mts

currently it only has notFound property in locale

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[narumi147]

same here, should be fixed before stable release!

[narumi147]

Also there are several l18n related:

• Also markdown.container.*Label can only be set in root, but cannot in locales

• Tooltip for toggle dark mode is hardcoded.
  

  vitepress/src/client/theme-default/components/VPSwitchAppearance.vue

  Lines 16 to 21 in c343d93

  	<VPSwitch
  	title="toggle dark mode"
  	class="VPSwitchAppearance"
  	:aria-checked="isDark"
  	@click="toggleAppearance"
  	>

• 404 page didn't respect locale: logo and navbar links

[dragomano]

Tooltip for the "Copy Code" button is hardcoded too.

[nozomuikuta]

@brc-dd

I faced at this issue with the latest VitePress.

As far as I investigated, what's happening is like below:

• notFoundPageData.relativePath is always an empty string regardless of actual page path the user is navigated to
• Then, inside resolveSiteDataByRoute(), isActive() always returns false and localeIndex is fallen back to "root"
• Then, siteData is made up by merging 2 root configs

Updating notFoundPageData.relativePath based on the current route would resolve this issue, but I'm not sure might be missing a reason why you set an empty string to it, and can't be so confident to submit a PR. 🙏

[brc-dd]

notFoundPageData.relativePath needs to be kept as empty because only one 404.html page is generated and I don't think any popular host supports localized error pages. We can however fix this problem similar to how we are determining the root link inside onMounted hook.

[nozomuikuta]

@brc-dd

Thank you for the quick fix!
But, unfortunately #3833 resolved the issue only partially. 🙌

themeConfig for NotFound page is made up on mounted hook of NotFound.vue, which corresponds to main contents of the page. As a result, other components such as layout components (e.g VPFooter) is still not localized.

[brc-dd]

I don't think there is any way to fix that except to render 404 completely on client 👀

[narumi147]

@brc-dd will above mentioned container labels support locales? it seems still not fixed yet

[brc-dd]

You can customize those but cannot override based on locale. Track #3141 (comment) for that. The current workaround is to always specify titles on blocks.

[narumi147]

Yeah, customizable but not localized, I will track that issue, thanks. though it is inactive for half a year already