fix(i18n): footer translations should actually be applied

[BabyLy233]

🔗 Linked issue

resolves#2710

🧭 Context

make the AppFooter component display the correct i18n value

📚 Description

After modification, the correct translation value of the current i18n can be displayed correctly.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	May 11, 2026 7:09am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	May 11, 2026 7:09am
npmx-lunaria	Ignored		May 11, 2026 7:09am

[coderabbitai]

📝 Walkthrough

Walkthrough

The AppFooter component refactors footerSections from a static constant to a computed reactive property. This ensures footer section labels, derived from i18n t() calls, update reactively when the language locale changes rather than remaining fixed at initial render.

Changes

AppFooter i18n Reactivity

Layer / File(s)	Summary
Computed Footer Section Labels app/components/AppFooter.vue	footerSections is converted from a static const to a computed() value, enabling reactive updates to localised section labels when the i18n locale changes. The array structure and keyboard shortcuts handler remain unchanged.

Suggested reviewers

• romansp
• graphieros

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description check	✅ Passed	The description explains the i18n translation issue, references the linked issue #2710, and shows a screenshot demonstrating the fix.
Linked Issues check	✅ Passed	The code change converts footerSections to a computed value, ensuring translations are dynamically resolved via the reactive system rather than statically evaluated, which directly addresses issue #2710's requirement to apply current i18n values.
Out of Scope Changes check	✅ Passed	The changes are limited to making footerSections reactive in AppFooter.vue, which is directly scoped to resolving the i18n translation display issue in issue #2710.
Title check	✅ Passed	The title accurately describes the main change: converting footer translations from static to reactive computed values to ensure i18n translations are properly applied.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

• Generate code and open pull requests
• Plan features and break down work
• Investigate incidents and troubleshoot customer tickets together
• Automate recurring tasks and respond to alerts with triggers
• Summarize progress and report instantly

Built for teams:

• Shared memory across your entire org—no repeating context
• Per-thread sandboxes to safely plan and execute work
• Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!