DEV Community

Arnaud Prioul (Mome)
Arnaud Prioul (Mome)

Posted on

Vue i18n dahsboard

I built a Vue i18n dashboard to stop editing JSON files

Working with vue-i18n has always been a bit frustrating.

Every time I needed to update a translation, I had to:

  • open JSON files
  • search for keys
  • reload the app to see changes

It breaks the development flow.

The problem

Managing translations becomes even harder when:

  • you have multiple languages
  • multiple projects
  • or a team working on translations

Most existing solutions require migrating to a proprietary system or using a SaaS.

The idea

I wanted something simple:

  • works with vue-i18n
  • no migration
  • usable locally
  • but scalable if needed

The solution

So I built a dashboard that allows you to:

  • edit translations live
  • automatically detect keys from your code
  • manage multiple projects
  • use an API instead of JSON files if needed

Two ways to use it

Local mode

Run it inside your project:

  • edit translations
  • export JSON files

Server mode

Run it as a platform:

  • manage multiple projects
  • sync with Git
  • serve translations via API

Why it’s different

  • No vendor lock-in
  • Works with existing vue-i18n setup
  • Fully self-hosted

Looking for feedback

This is still an early version, and I’d love feedback from developers.

👉 GitHub: https://github.com/arnaudprioul/i18n-dashboard

Top comments (0)