<template>
    <div class="flex">
        <select v-model="$i18n.locale" class="my-auto p-0 pr-9 bg-transparent border-0" :selected="$i18n.locale">
            <option v-for="(lang, i) in langs" :key="`Lang${i}`" :value="lang">
                {{ names[i] }}
            </option>
        </select>
    </div>
</template>

<script lang="ts">
export default {
    setup() {
        return {
            langs: ['en'],
            names: ['English']
        }
    }
}
</script>