feat: add (hidden) vacations page

[danielroe]

#1356

~> https://npmxdev-git-feat-vacations-npmx.vercel.app/vacations

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 11, 2026 0:38am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored		Feb 11, 2026 0:38am
npmx-lunaria	Ignored		Feb 11, 2026 0:38am

[github-actions]

Lunaria Status Overview

🌕 This pull request will trigger status changes.

Learn more

By default, every PR changing files present in the Lunaria configuration's files property will be considered and trigger status changes accordingly.

You can change this by adding one of the keywords present in the ignoreKeywords property in your Lunaria configuration file in the PR's title (ignoring all files) or by including a tracker directive in the merged commit's description.

Tracked Files

File	Note
lunaria/files/en-GB.json	Localization changed, will be marked as complete.
lunaria/files/en-US.json	Source changed, localizations will be marked as outdated.

Warnings reference

Icon	Description
🔄️	The source for this localization has been updated since the creation of this pull request, make sure all changes in the source have been applied.

[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!

[coderabbitai]

📝 Walkthrough

Walkthrough

This PR introduces a new Vacations page component with supporting internationalization and infrastructure updates. The changes include a single-file Vue component implementing the page with localized content, interactive Easter egg functionality, calendar event generation, and SEO metadata. Supporting changes add translation strings across multiple locales, extend the i18n schema, configure static prerendering in Nuxt configuration, and register the new path in canonical redirects middleware.

Possibly related PRs

• feat(i18n,ui): add accessibility statement page #1096: Follows the same pattern of adding a new static page with matching configuration changes (routeRules prerender entry, canonical redirects registration, and new i18n schema/locale keys).

Suggested reviewers

• knowler
• mrcego

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description references a GitHub issue (#1356) which relates to adding a hidden vacations page, matching the changeset that implements this feature across multiple files.

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

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat/vacations

---

No actionable comments were generated in the recent review. 🎉

🧹 Recent nitpick comments

app/pages/vacations.vue (1)

97-105: Remove per-button focus-visible utilities; rely on the global focus-visible rule.

Both buttons add focus-visible:outline-accent/70, which conflicts with the project-wide focus-visible styling for buttons.

Suggested change

-            class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
+            class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded shrink-0"
@@
-              class="relative shrink-0 cursor-pointer rounded transition-transform duration-200 hover:scale-110 focus-visible:outline-accent/70 w-5 h-5 sm:w-6 sm:h-6"
+              class="relative shrink-0 cursor-pointer rounded transition-transform duration-200 hover:scale-110 w-5 h-5 sm:w-6 sm:h-6"

Based on learnings: In the npmx.dev project, ensure that focus-visible styling for button and select elements is implemented globally in app/assets/main.css with the rule: button:focus-visible, select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }. Do not apply per-element inline utility classes like focus-visible:outline-accent/70 on these elements in Vue templates or components.

Also applies to: 121-135

---

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

[danielroe]

will combine/merge with #1363