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'
  }
})

我还没有测试过，但是希望它能工作。

Answer 2

您只需将vuetify/src/locale/en更改为vuetify/lib/locale/en，它就可以工作，而无需创建任何其他文件（vuertify现在支持西班牙）

如何使i18n for vuetify

2 个答案: