如何使i18n for vuetify

user2054381 发表于 Dev

用户名

在我的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）没有西班牙支持？它不在上面的参考清单中...

谢谢！

但

从文档中

在您的项目中创建一个文件夹，例如，projectName//i18n/vuetify/然后在其中创建一个名为name的文件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'
  }
})

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。