how can I retrieve current locale with specified types from useI18n? (typescript support)

[bbm16]

I'm implementing vue-i18n 9.9.1 in a nuxt 3 app, where I have two locales with it's corresponding setup.

That's the i18n implementation:

import { createI18n } from 'vue-i18n';

import en from '../locales/en.json';
import es from '../locales/es.json';

export default defineNuxtPlugin(({ vueApp }) => {
    const i18n = createI18n<[typeof en], 'es' | 'en'>({
        legacy: false,
        globalInjection: true,
        locale: 'en',
        messages: {
            en,
            es,
        },
    });
    vueApp.use(i18n);
});

Then in a view, I would like to call for an API, sending the current locale of the page.

import { useI18n } from 'vue-i18n';
const { locale } = useI18n();

const article = await API.getArticle('whatever', locale.value);
// That makes typescript complains on locale.value because it's not of type 'en' | 'es'

Api method:

export const API = {
     getArticle: (slug: string, locale: 'en' | 'es')
}

Everything's working correctly, but I would like to safely check for Locale type in API method. For example in case I want to force calling for a locale. Do you know how can I achieve this?

I know I can made locale.value as 'es' | 'en', but would be amazing if somehow i18n could manage it.

Thank you very much.