What goes into a first Vue I18n screen?

Choose a supported Vue I18n version for your Vue project. Give the plugin a starting locale and messages for each language. Your page uses a key, the stable name for a message, when it needs a label.

Start with one page and an existing label. Give readers a way to choose the language. Decide which parts of the app should follow that choice. Check whether your project uses the newer Composition API or older Vue I18n examples before copying setup code.

What changes when a visitor switches languages?

The app can switch message text, choose plural wording and format dates and numbers for the selected locale. Set a fallback language for missing labels. A fallback helps the visitor continue, and it can make an incomplete translation harder to spot.

Review the full screen in both languages. Check one and several items, and choose the intended currency and time zone separately where they matter. Changing the language should not change which appointment was booked or how much it costs.

How can you check a language switch without editing your app?

Draw a fictional booking confirmation twice with the same underlying appointment and price. Use paper and made-up values.

Mark what changes
Keep the appointment and currency fixed. Write how the date and amount should look in each locale. Mark the selected language beside the switch.
Leave a message missing
Cross out the translated confirmation button in one sketch. Mark which fallback text should appear and which message the team still needs to translate.
Check the next page
Draw the page the button opens. Mark whether it should keep the chosen language and verify the booking details are unchanged.

What should you keep if you change the translation workflow?

Vue I18n is MIT-licensed software and has no per-message service charge. Keep the app’s locale files, key names, supported languages and fallback, date and number settings together.

If translators use another workspace, check that the returned file uses your keys and message format before you replace a working file. Review a small file change before moving the whole app.