Nuxtjs 3 typed useAsyncData - nuxtjs3

Question

i'm using nuxt3 useAsyncData to fetch data from an api and it's working ok
but i'm unable to type the returned data
<template>
<div>
{{ data }}
<CommonTopHeader/>
<NuxtPage/>
</div>
</template>
<script setup lang="ts">
const {$httpInstance} = useNuxtApp()
const data = await useAsyncData('categories', () => $httpInstance.get('v1/categories/list'))
</script>
it's working ok but the ide is unable to auto-complete the {{data}}
$httpInstance is a plugin:
import axios, {
AxiosError,
AxiosInstance,
AxiosRequestConfig,
AxiosResponse,
} from 'axios';
import {useRuntimeConfig} from "#app";
export default defineNuxtPlugin((nuxtApp) => {
const config = useRuntimeConfig()
const onRequest = (config: AxiosRequestConfig): AxiosRequestConfig => {
return config;
};
const onRequestError = (error: AxiosError): Promise<AxiosError> => {
return Promise.resolve(error);
};
const onResponse = (response: AxiosResponse): AxiosResponse => {
return response.data;
};
const onResponseError = (error: AxiosError): Promise<unknown> => {
return Promise.resolve(error.response?.data);
};
function setupInterceptorsTo(axiosInstance: AxiosInstance): AxiosInstance {
axiosInstance.interceptors.request.use(onRequest, onRequestError);
axiosInstance.interceptors.response.use(onResponse, onResponseError);
return axiosInstance;
}
const instance = setupInterceptorsTo(
axios.create({
baseURL: config.public.apiBase,
}),
);
return {
provide: {
httpInstance: instance,
},
};
});
so how can i add a type to data object ?
the ide to auto-complete when i write ``data.```