Dockery/Pinry
1
0
Fork 0
mirror of https://github.com/pinry/pinry.git synced 2026-02-20 21:37:19 +01:00
Code Issues Packages Projects Releases Activity

feature: add more friendly language menu

Browse Source
This commit is contained in:
winkidney
2022-04-22 09:27:59 -07:00
parent be379af57f
commit c15791df73
1 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
pinry-spa/src/components/PHeader.vue
View File

@@ -87,6 +87,21 @@
custom-size="mdi-24px">
</b-icon>
</router-link>
<div
class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
Language
</a>
<div class="navbar-dropdown">
<a
v-for="locale in $i18n.availableLocales"
:key="`locale-${locale}`"
@click="setLocale(locale)"
class="navbar-item">
{{ locale }}
</a>
</div>
</div>
<div class="navbar-item">
<div class="buttons">
<a
@@ -109,11 +124,6 @@
</a>
</div>
</div>
<div class="locale-changer">
<select v-model="$i18n.locale" @change="setLocale($event)">
<option v-for="locale in $i18n.availableLocales" :key="`locale-${locale}`" :value="locale">{{ locale }}</option>
</select>
</div>
</div>
</div>
</div>
@@ -145,8 +155,9 @@ export default {
},
},
methods: {
setLocale(event) {
localStorage.setItem('localeCode', event.target.value);
setLocale(locale) {
this.$i18n.locale = locale;
localStorage.setItem('localeCode', locale);
},
toggleMenu() {
this.active = !this.active;