Hi everyone. I have a problem with request queries. I have a page with dynamic param

defineI18nRoute({
    paths: {
        cs: '/sluzby/[id]',
        en: '/services/[id]',
    },
})

then I call the api

const route = useRoute()
const { locale } = useI18n()
const { data } = await useFetch(`/api/:lang/product/secondary`, {
    query: {
        id: route.params.id,
    },
    params: {
        lang: locale.value,
    },
})

I read that query on the server side in server/api/[lang]/product/secondary.ts

export default defineEventHandler(async (event) => {
    const { id } = getQuery(event)
})

And there is a problem when I change the url clicking on NuxtLinkLocale link. The id is always empty.

When I change the url via the hard reload (for example hitting keyboard F5 or accessing the url directly) the id is correctly set