i18n

vue-i18n の入力補完を実装してみた．久々に業務で i18n 対応をするようになって，若干ツラさを感じているところもあるので，併せて記す． はじめに断っておくが，ツラさを感じているのは vue-i18n に対してではなく，i18n 全般に対してのこと． 文字列指定を入力補完したい エディタでvue-i18nの入力補完したい — tanakaworld 🧢 (@_tanakaworld) August 30, 2018 vue-i18n に限らず i18n 系を扱うときは $tc('home.title') のような感じで文字列をキーとして指定することになる． 文字列キーのタイポしなくしたい 文字列キーのパス入力をカンタンにしたい これらを入力補完でなんとかしたい． 普通に vue-i18n を使った場合 普通に実装するとこういう感じになる． import Vue from "vue"; import VueI18n from "vue-i18n"; Vue.use(VueI18n); const messages = { en: { message: { hello: "Hello World!" }, home: { title: "Home" }, about: { title: "About" } }, ja: { message: { hello: "こんにちは，世界!" }, home: { title: "ホーム" }, about: { title: "アバウト" } } }; const locale = "ja"; const i18n = new VueI18n({ locale, messages }); export { i18n }; <template> <div class="home"> <h1>{{ $tc('home....