mirror of
https://github.com/ArthurDanjou/artchat.git
synced 2026-01-14 22:59:51 +01:00
31 lines
951 B
Vue
31 lines
951 B
Vue
<script lang="ts" setup>
|
|
import { en, es, fr } from '@nuxt/ui/locale'
|
|
|
|
const { locale, t } = useI18n()
|
|
const { changeLocale } = useLanguage()
|
|
</script>
|
|
|
|
<template>
|
|
<section class="space-y-4">
|
|
<div class="prose dark:prose-invert">
|
|
<p>{{ t('tool.language.response.control') }}</p>
|
|
<ul>
|
|
<li>{{ t('tool.language.response.choose') }}</li>
|
|
<i18n-t keypath="tool.language.response.kbd" tag="li">
|
|
<template #kbd>
|
|
<UKbd>L</UKbd>
|
|
</template>
|
|
</i18n-t>
|
|
</ul>
|
|
</div>
|
|
<ClientOnly>
|
|
<UCard variant="outline" class="md:max-w-1/2 m-1 shadow-sm bg-white dark:bg-neutral-900" :ui="{ body: 'flex justify-between items-center gap-2' }">
|
|
<p class="block">
|
|
{{ t('tool.language.change') }}
|
|
</p>
|
|
<ULocaleSelect v-model="locale" :locales="[en, es, fr]" @update:model-value="changeLocale" />
|
|
</UCard>
|
|
</ClientOnly>
|
|
</section>
|
|
</template>
|