Vue.jsのElementで、日本語指定が上手くいかない

Question

Vue.jsの初心者です。
Elementを使用してdate pickerを表示してみよう、という簡単なことを
マニュアル見ながら作成していましたが、一部で躓きました。
どなたか、下記現象が起こる理由を教えていただけますでしょうか。

解決したいこと

javascript側のソースで、

import locale from 'element-ui/lib/locale/lang/ja'
Vue.use(ElementUI, {locale})

上記のような記述がありますが、このlocaleを別の表記にすると、
なぜか日本語化に失敗します。
（例えばjaやlangのような指定でも失敗してしまいます。スーパーリロード等しても意味はありませんでした。）

ソース例

• main.js側

import Vue from 'vue'
import ElementUI from 'element-ui'
import locale from 'element-ui/lib/locale/lang/ja'
import 'element-ui/lib/theme-chalk/index.css'
import 'element-ui/lib/theme-chalk/icon.css'
import App from './App'
// 指定言語の適用
Vue.use(ElementUI, {locale})

new Vue({
  template: '<App/>',
  components: { App }
}).$mount('#app')

• App.vue側

<template>
  <div id="app">
    <el-date-picker v-model="datetime" type="datetime" placeholder="日時を選択してください"></el-date-picker>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {datetime: ''}
  }
}
</script>

失敗例キャプチャ

Answer 1

↓これは

Vue.use(ElementUI, {locale})

↓これの省略形なので、

Vue.use(ElementUI, {locale: locale})

locale を別の名前に変えたいなら、

import japanese from 'element-ui/lib/locale/lang/ja'
Vue.use(ElementUI, {locale: japanese})

のようにしなくてはなりません。

Comments

[nazuna_Nakagawa]

教えていただいた通りに記述し直したところ、うまくいきました！
そういえばrouterにも省略形がありましたね…納得です。
迅速なご回答、ありがとうございました！勉強になりました。