vuejs2 - 如何为 vuetify 制作 i18n

Question

在我的 vue.js 2.5.7/vuetify": "^1.0.8"应用程序中我读到了 i18n 支持 https://vuetifyjs.com/en/framework/internationalization#vue-i18n

并在我的 resources/assets/js/app.js 中添加行:

import en from 'vuetify/src/locale/en' // English
import es from 'vuetify/src/locale/es' // Has no Spain files
import uk from 'vuetify/src/locale/uk' // Ukrainian
Vue.use( Vuetify, {
    lang: {
        locales: {en, es, uk},
        current: 'en'
    }
});

我的控制台出现错误:

ERROR in ./resources/assets/js/app.js
Module not found: Error: Can't resolve 'vuetify/src/locale/en' in '/mnt/_work_sdb8/wwwroot/lar/ArtistsRating/resources/assets/js'

1) 看起来我需要将一些 i18n 文件上传到我的项目，但我没有找到从哪里上传到哪个子目录？

2) 没有西类牙支持吗？它没有在上面的引用文献中列出......

谢谢!

Answer 1

来自documentation

在您的项目中创建一个文件夹，例如 projectName//i18n/vuetify/，并在其中创建一个名为 es.ts 的文件。它应该看起来像这样:

export default {
  "dataIterator": {
    "rowsPerPageText": "Items per page:",
    "rowsPerPageAll": "All",
    "pageText": "{0}-{1} of {2}",
    "noResultsText": "No matching records found",
    "nextPage": "Next page",
    "prevPage": "Previous page"
  },
  "dataTable": {
    "rowsPerPageText": "Rows per page:"
  },
  "noDataText": "No data available"
}

然后在你的主js文件app.js中你应该有:

import Vuetify from 'vuetify'

// Your own translation file
import es from './i18n/vuetify/es'

Vue.use(Vuetify, {
  lang: {
    locales: { es },
    current: 'es'
  }
})

我还没有测试过这个，但希望它能起作用。