Vue i18n Dashboard

Stop editing JSON files manually.

Manage your Vue i18n translations in a real-time dashboard — with two possible workflows:

• Local (per project)
• Server (multi-project platform)

🚨 The Problem

Working with vue-i18n can be painful:

• Editing JSON files manually
• No real-time feedback
• Difficult collaboration
• No centralized management across projects

💥 The Solution

Vue i18n Dashboard gives you:

• A local tool for your project
• OR a full translation management platform

No migration. No vendor lock-in. Works with vue-i18n.

⚡ Quick Start

npm install i18n-dashboard --save-dev
or
npm install -g i18n-dashboard --save-dev

npx i18n-dashboard init
npx i18n-dashboard start

👉 Open http://localhost:3333

🧠 Two Ways to Use It

🟢 Local Mode

• Run inside your project
• Sync keys from your code
• Export JSON files

👉 Best for simple setups

🔵 Server Mode

• Central dashboard for multiple projects
• API-based (no JSON handling)
• Git sync

👉 Best for teams & scaling

🎯 Why this tool?

• Works with vue-i18n (no migration)
• Self-hosted (no lock-in)
• Multi-project support
• Git-friendly workflow
• Developer-first experience

🤔 Why I built this

Editing i18n JSON files was breaking my flow.

I wanted something that:

• works with vue-i18n
• doesn't require migration
• stays simple but scalable

So I built this.

📘 Documentation

• See USAGE.md for workflows
• See DOCUMENTATION.md for full technical details

💬 Feedback

If you're using vue-i18n, I'd genuinely love your feedback.

This tool comes from a real pain point, and I'm trying to improve it.

Feel free to open an issue or share your thoughts.

📄 License

MIT