Vue + i18n = FUN

on YouTube ↗10m

" summary

Shows concrete steps: run npm install vue-i18n, register it in main.js, provide a master English JSON and per-language JSON files, detect browser locale or default to English, and wire components with the $t('path.to.key') lookup. Demonstrates variable interpolation inside translation strings, using v-html for embedded markup, and built‑in date/currency formatting. Mentions using Transifex for contextual translations and points out pitfalls like hard‑coded string comparisons.

AI-written summary · about

" chapters (4)

1. 0:00Introduction
2. 0:52Why Make the Effort to Translate?
3. 2:00Getting Started
4. 3:00The code

" related talks

• 24mVue.js Globetrotter: Mastering i18n for User-Centric Web ApplicationsJ.D. Hillen · VueConf US 2024
• 33mState of Vue i18nKazupon · Vuejs Amsterdam 2021
• 38mSacré bleu! The trials and tribulaciones of internationalising your ẨṔṔŁîÇåŤḯṏÑ���Robin Dykema · LibertyJS 2019
• 27mSacré Bleu! The Trials of Internationalising Your ẨṔṔŁîÇåŤḯṏÑ�Robin Dykema · React Boston 2019
• 28mi18n, l10n & Principles for a More Accessible WebRomulo Cintra Espirito Santo · CascadiaJS 2020
• 22mInternationalisation(i18n) & Localisation(l10n)Mayank Kumar · Conf42 JavaScript 2022
• 26mEnd-to-End i18nLuke Ehresman · React Advanced 2021
• 31mBuilding Angular apps with internationalization (i18n) in mindNaomi Meyer · AngularConnect 2019