mirror of
https://gitlab.com/PronounsPage/PronounsPage.git
synced 2025-10-10 21:48:13 -04:00
5304873feb
English is a better starting point for a good translation than the current translation; if we need to look again we can check git history. I did some translation a number of months ago ago, but figured it would be best to put that in the next PR to avoid getting hung on up the translation not being perfect.
78 lines
2.7 KiB
Vue
78 lines
2.7 KiB
Vue
<template>
|
|
<div class="pt-1">
|
|
<div v-if="spellings.hasOwnProperty(config.locale)" class="btn-group m-2">
|
|
<button v-for="(display, code) in spellings[config.locale]"
|
|
:class="['btn btn-sm', getSpelling() === code ? 'btn-secondary disabled' : 'btn-outline-secondary', code === 'sitelen' ? 'sitelen' : '']"
|
|
:disabled="getSpelling() === code"
|
|
@click="setSpelling(code)"
|
|
>
|
|
{{display}}
|
|
</button>
|
|
</div>
|
|
<Dropdown v-if="Object.keys(locales).length > 1" btnClass="btn-outline-secondary btn-sm" class="d-inline-block" :end="end">
|
|
<template v-slot:toggle>
|
|
<Icon v="language"/>
|
|
{{locales[config.locale].name}}
|
|
</template>
|
|
|
|
<template v-slot:menu>
|
|
<li v-for="(options, locale) in locales" :key="locale" v-if="locale !== config.locale">
|
|
<a :href="options.url" class="dropdown-item">
|
|
{{options.name}}
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-divider"></li>
|
|
<li>
|
|
<a href="https://pronouns.page" class="dropdown-item small">
|
|
<Logo class="mb-1"/>
|
|
pronouns.page
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-divider"></li>
|
|
<li>
|
|
<LocaleLink locale="en" link="/new-version" class="dropdown-item small">
|
|
<Icon v="plus"/>
|
|
<T>localise.shorter</T>
|
|
</LocaleLink>
|
|
</li>
|
|
</template>
|
|
</Dropdown>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState } from 'vuex'
|
|
|
|
export default {
|
|
props: {
|
|
end: {type: Boolean},
|
|
},
|
|
data() {
|
|
return {
|
|
spellings: {
|
|
zh: {traditional: '繁體', simplified: '简体'},
|
|
tok: {latin: 'sitelen Lasina', sitelen: 'sitelen\xa0pona'},
|
|
}
|
|
};
|
|
},
|
|
methods: {
|
|
getSpelling() {
|
|
return this.spelling || (
|
|
this.spellings.hasOwnProperty(this.config.locale)
|
|
? Object.keys(this.spellings[this.config.locale])[0]
|
|
: null
|
|
);
|
|
},
|
|
setSpelling(spelling) {
|
|
this.$store.commit('setSpelling', spelling);
|
|
this.$cookies.set('spelling', this.$store.state.spelling);
|
|
},
|
|
},
|
|
computed: {
|
|
...mapState([
|
|
'spelling',
|
|
]),
|
|
},
|
|
}
|
|
</script>
|