The latest articles on DEV Community by Arnaud Prioul (Mome) (@m0me_). https://dev.to/m0me_ https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1490142%2F13fac81a-82a5-40c4-a9a3-e429b66932df.jpg https://dev.to/m0me_ en Arnaud Prioul (Mome) Sat, 21 Mar 2026 02:09:18 +0000 https://dev.to/m0me_/vue-i18n-dahsboard-l6l https://dev.to/m0me_/vue-i18n-dahsboard-l6l <h1> I built a Vue i18n dashboard to stop editing JSON files </h1> <p>Working with vue-i18n has always been a bit frustrating.</p> <p>Every time I needed to update a translation, I had to:</p> <ul> <li>open JSON files</li> <li>search for keys</li> <li>reload the app to see changes</li> </ul> <p>It breaks the development flow.</p> <h2> The problem </h2> <p>Managing translations becomes even harder when:</p> <ul> <li>you have multiple languages</li> <li>multiple projects</li> <li>or a team working on translations</li> </ul> <p>Most existing solutions require migrating to a proprietary system or using a SaaS.</p> <h2> The idea </h2> <p>I wanted something simple:</p> <ul> <li>works with vue-i18n</li> <li>no migration</li> <li>usable locally</li> <li>but scalable if needed</li> </ul> <h2> The solution </h2> <p>So I built a dashboard that allows you to:</p> <ul> <li>edit translations live</li> <li>automatically detect keys from your code</li> <li>manage multiple projects</li> <li>use an API instead of JSON files if needed</li> </ul> <h2> Two ways to use it </h2> <h3> Local mode </h3> <p>Run it inside your project:</p> <ul> <li>edit translations</li> <li>export JSON files</li> </ul> <h3> Server mode </h3> <p>Run it as a platform:</p> <ul> <li>manage multiple projects</li> <li>sync with Git</li> <li>serve translations via API</li> </ul> <h2> Why it’s different </h2> <ul> <li>No vendor lock-in</li> <li>Works with existing vue-i18n setup</li> <li>Fully self-hosted</li> </ul> <h2> Looking for feedback </h2> <p>This is still an early version, and I’d love feedback from developers.</p> <p>👉 GitHub: <a href="https://github.com/arnaudprioul/i18n-dashboard" rel="noopener noreferrer">https://github.com/arnaudprioul/i18n-dashboard</a></p> vue i18n