Vue.js Globetrotter: Mastering i18n for User-Centric Web Applications

on YouTube ↗24m

" summary

Shows how to set up and use the Vue I18n plugin (by kazup) with concrete code: createI18n, set legacy: false, use $t in templates and useI18n in the Composition API, plus $d and $n for date/number formatting. Covers pluralization, lazy loading, caching, code‑splitting and component‑level scopes, and demo of devtools integration. Describes a production workflow using Contentful and actual deployment translating Garmin apps into 64 languages, with performance and SEO tradeoffs and proven successful at scale.

AI-written summary · about

" chapters (5)

1. 0:00Vue.js Globetrotter
2. 3:22i18n
3. 8:24How i18n works at a basic level
4. 10:57Setup and Usage
5. 21:36Summary

" related talks

• 10mVue + i18n = FUNCasie Siekman · VueConf US 2019
• 33mState of Vue i18nKazupon · Vuejs Amsterdam 2021
• 08mLocalization for Real-World Use-Cases: Key Learnings from Onboarding Global BrandsSimeon Griggs · React Summit 2022
• 20mFinding translations, localisation and internationalisationValerie Woolard · RubyConf AU 2017
• 39mThink globally, act locally with i18n on the webEli Schutze · JSDay 2019
• 38mSacré bleu! The trials and tribulaciones of internationalising your ẨṔṔŁîÇåŤḯṏÑ���Robin Dykema · LibertyJS 2019
• 03mInternationalize your web appsJuan Ignacio Dopazo · JSConf.ar 2014
• 35mInternationalize your Web Applications with Globalize.jsAlolita Sharma · Node+JS Interactive 2018