LanguageChooser.vue

<template>
    <div v-for="lang in languages">
        <language :name="lang.name" :code="lang.code"></language>
        {{ $t('nav.about') }}
    </div>
</template>

<script>
import Vue from 'vue';

export default {
    data() {
        return {
            lang: Vue.config.lang,
            languages: [
                {
                    code: 'sv_SE',
                    name: 'Svenska'
                },
                {
                    code: 'en_US',
                    name: 'American English'
                }
            ]
        }
    },
    components: {
        language: {
            props: ['code', 'name'],
            template: '<p @click="Select">{{ name }}</p>',
            methods: {
                Select(e) {
                    console.log("code " + this.code);
                    Vue.config.lang = this.code;
                }
            }
        }
    }
}
</script>