diff --git a/src/components/About.vue b/src/components/About.vue index d31c73d931fcbcadc9d6e4ec3ad78328560e5ec3..34c767f7d7da75b8a32c83906b52bc006f13ee4f 100644 --- a/src/components/About.vue +++ b/src/components/About.vue @@ -1,6 +1,24 @@ <template id=""> <main> <div class='about' :class="$vuetify.breakpoint.name"> + <v-radio-group row v-model="lang" @change="update_locale"> + <template v-slot:label tabindex="1"> + </template> + <v-radio value="nb" color="primary"> + <template v-slot:label> + <span> + {{$vuetify.breakpoint.xs ? 'bm' : 'bokmål (bm)'}} + </span> + </template> + </v-radio> + <v-radio value="nn" color="primary"> + <template v-slot:label> + <span> + {{$vuetify.breakpoint.xs ? 'nn' : 'nynorsk (nn)'}} + </span> + </template> + </v-radio> + </v-radio-group> <Article v-if="lang == 'nn'"> <h2>Om betaversjonen</h2> <p> @@ -531,18 +549,30 @@ Søket «kjærlighet|kjærleik» gir treff på kjærlighet i Bokmålsordboka og <script> -function detect_language() { - if (navigator.languages.includes('nn')) { - return "nn" - } - return "nb" -} export default { data() { return { - lang: detect_language() + lang: this.update_locale() + } + }, + methods: { + update_locale: function(event) { + if (event) { + localStorage.setItem('locale', event) + return event + } + let stored_locale = localStorage.getItem('locale') + if (stored_locale) { + return stored_locale + } + if (navigator.languages.includes('nb')) { + + return "nb" + } + return "nn" + } } } @@ -556,6 +586,10 @@ main { } +v-radio-group { + padding-left: 200px !important; +} + .about { padding-left: calc((100vw - 1000px) / 2); padding-right: calc((100vw - 1000px) / 2); diff --git a/src/components/DictionaryView.vue b/src/components/DictionaryView.vue index 6612a8500f63e11d23bb49c64256a2e12762133e..9c4cd94d25fba2ab7990886ad155d83c97f2dd7c 100644 --- a/src/components/DictionaryView.vue +++ b/src/components/DictionaryView.vue @@ -29,7 +29,7 @@ </v-radio> </v-radio-group> </div> - <Autocomplete @submit="select_result" :api="get_search_endpoint"> + <Autocomplete v-on:submit="select_result" :api="get_search_endpoint"> </Autocomplete> </div> <div id="spinner" v-if="waiting">