Define available locales as TS Enum

[hymair]

We have a set amount of languages and we use a Locale enum to define their codes. The enum is then used throughout the whole stack.

enum Locale {
  BG = 'BG'
  EN = 'EN'
}

I would like to get typed locale when using it from the composable:

// locale should be Locale type, but is plain string type
const { locale } = useI18n()

This is our config file:

export default defineI18nConfig(() => ({
    legacy: false,
    availableLocales: Object.values(Locale),
    locale: Locale.BG,
    messages: {
        [Locale.BG]: BG,
        [Locale.EN]: EN,
    },
}))