Как добавить новый язык в vuejs3-datepicker
Здравствуйте, есть ли кто-нибудь, кто знает, как добавить новый пользовательский язык в vuejs3-datepicker??
Примечание: следующий документ https://www.npmjs.com/package/vuejs3-datepicker?activeTab=readme кажется, добавить новый язык в
node_modules/vuejs3-datepicker/src/components/datepicker/locale/index.ts
это так запутано, потому что я не могу добавить новый язык, когда развертываю приложение в рабочей среде
Есть ли способ добавить новый язык без редактирования файла node_modules?
Ответы 1
Я не вижу другого простого способа добиться этого без изменения файла locale/index.ts.
Языки импортируются внутри из файла locale/index.js путем создания библиотеки.
<script lang = "ts">
import { defineComponent, computed, watch, ref } from 'vue';
...
import * as Langlist from './locale/index';
А затем вычисляемое свойство translation выбирает из предопределенного списка языков.
const translation = computed(() => {
const temp = (Langlist as any).data;
return temp[props.language as any];
});
Я не вижу здесь никакого способа манипулировать им.
Но некоторые языки уже определены. Проверьте игровую площадку, если ваш язык указан.
Если нет, то вам придется иметь дело с обновлением файла index.ts или перезаписью компонента Datepicker.
Я бы предпочел тогда попытаться найти другую библиотеку. Например, как этот vue3datepicker
const { createApp } = Vue;
const App = {
components: {
Datepicker
},
data() {
return {
language: 'en',
dateSelected: null,
defaultValue: null
}
}
}
const app = createApp(App)
app.mount('#app')[v-cloak] {
display: none;
}<div id = "app" v-cloak>
<label>Language:</label>
<select v-model = "language">
<option v-for = "lng in ['af','hi','ja','de','en','es','fr','nl','pt','it','pl','ru','tr','vn']"
:value = "lng">
{{lng.toUpperCase()}}
</option>
</select><br/><br/>
<datepicker ref = "datepicker"
placeholder = "Select Date"
@input = "dateSelected"
:value = "defaultValue"
:language = "language"
inline = "true"
>
</datepicker>
</div>
<script src = "https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script src = "https://unpkg.com/vuejs3-datepicker@latest/dist/datepicker.min.js"></script>
Спасибо за помощь, но я решаю ее, но создаю PR в библиотеку github.com/shubhadip/vuejs3-datepicker/pull/53.