<script lang="ts" setup> import type { ComputedRef } from 'vue' import type { LocaleObject } from '#i18n' const { locale, t, setLocale } = useI18n() const { locales } = useI18n() as { locales: ComputedRef<LocaleObject[]> } </script> <template> <CommonDropdown> <slot /> <template #popper> <CommonDropdownItem v-for="item in locales" :key="item.code" :checked="item.code === locale" @click="setLocale(item.code)" > {{ item.name }} </CommonDropdownItem> </template> </CommonDropdown> </template>