Как сделать i18n для vuetify

Question

В моем приложении vue.js 2.5.7 / vuetify ":" ^ 1.0.8 "я читаю поддержку i18n https://vuetifyjs.com/en/framework/internationalization#vue-i18n

и добавляю строки в мои ресурсы / 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 в мой проект, но я не нашел откуда и в какуюsubdir?

2) Там нет поддержки Испании? Это не было в списке в ссылке выше ...

Спасибо!

Answer 1

Из документации

Создайте папку в своем проекте, например 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'
  }
})

Я не проверял это, но надеюсь, что это сработает.