vue-i18nの翻訳をコンポーネント(SFC)毎にする普通ではない方法

はじめに vue-i18nを使っている人なら一度や二度は翻訳のキーのつけ方に悩んだ人は多いかと思います。 しかも複数人で開発していると人によってキーのつけ方の癖が違ったり、ルール化していてもそのルールを常に意識しながら開発するのは辛いです。そういう問題に対しての一つの解決策を提示してみようかと思います。 「コンポーネント専用の翻訳ファイルでルートキーがユニークならそれに続くキーは適当でも大して問題ないのではないか？ キーのつけ方が適当になってしまったとしてもそれはそのコンポーネントの翻訳で閉じているし、影響範囲は明確なので大して問題ないのではなかろうか？」 です。 環境 vue3 vue-i18n@next この記事を読めば SFCでのcustom blockの活用事例が分かるようになります。 chainWebpackのカスタマイズ例が分かるようになります。 vue-i18nでの翻訳キーの