自分プロジェクトで Nuxt いじりするのが楽しい連休二日目です。という訳で表題どおり、Nuxt.js プロジェクトで U/I に Vuetify を選択した時、ロケールを指定して日本語化する設定という小ネタです。nuxt.config.js に言語ファイルの import とロケール設定を追記すれば良さげ。以下、追記後の git diff です。
$ git diff nuxt.config.js diff --git a/nuxt.config.js b/nuxt.config.js index e21aabd..f74933b 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -1,4 +1,5 @@ import colors from 'vuetify/es5/util/colors' +import ja from 'vuetify/es5/locale/ja' export default { srcDir: "./client/", @@ -54,6 +55,10 @@ export default { // Vuetify module configuration (https://go.nuxtjs.dev/config-vuetify) vuetify: { + lang: { + locales: { ja }, + current: 'ja', + }, customVariables: ['~/assets/variables.scss'], theme: { dark: true,