docs: add a doc page for each locale

[matthewmayer]

Experimental idea: add a doc page for each locale. This would be an easy way to show off how Faker works in various languages, and maybe also be useful for SEO?

[netlify]

✅ Deploy Preview for fakerjs ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	265754c
🔍 Latest deploy log	https://app.netlify.com/projects/fakerjs/deploys/691687ba7f41750008027176
😎 Deploy Preview	https://deploy-preview-3654.fakerjs.dev
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 99.97%. Comparing base (24aa11f) to head (265754c).

Additional details and impacted files

@@           Coverage Diff           @@
##             next    #3654   +/-   ##
=======================================
  Coverage   99.97%   99.97%           
=======================================
  Files        2994     2994           
  Lines      236305   236305           
  Branches      939      941    +2     
=======================================
  Hits       236248   236248           
  Misses         57       57           

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Shinigami92]

Interesting idea. A bummer right now is that when visiting e.g. https://deploy-preview-3654.fakerjs.dev/locales/de.html the left sidebar is gone, and so as a user I loose UX / context.

[Shinigami92]

LGTM, but CI error

[matthewmayer]

Don't really understand the error

[Shinigami92]

Don't really understand the error

Some scripts that are running are checking and generating stuff in the docs folder. And if there is a diff mismatch, then it fails as there is e.g. a non-committed change.

[matthewmayer]

Fixed thanks

[xDivisionByZerox]

This looks like a great feature. 👍
I have some questions (sorry, Vue noob here) and suggestions. See comments.

---

Some general extensions I could see being added to this feature in the future:

• use the already existing "RefreshButton" component to reload the examples inline
• use Slots or TemplateRefs for easier/more fine grained post processing
• improve UX by giving the user feedback on which page they are (currently no entry is highlighted on the sidebar)

[matthewmayer]

i did consider using the RefreshButton but the code seems sufficiently different for it to not really help that much. For example, on the other docs pages we render the results which are already in the code block comments first, and only load the client-side JS on demand to refresh.

But for locale pages we want to dynamically load on first load of the page.