Typed fetch for api routes in nuxt

composable.ts

// composables/useTypedFetch.ts
import type { UseFetchOptions } from 'nuxt/app'
import type { InternalApi } from 'nitropack'
import type { ApiRoutes, ApiResponse } from './apiResponse'

export const useTypedFetch = <T extends ApiRoutes, M extends keyof InternalApi[T]>(
    route: T,
    method: M,
    opts?: Omit<UseFetchOptions<ApiResponse<T, M>>, 'method'>
) => {
    return useFetch(route, {
        ...opts,
        method: method as any, // Type assertion needed due to Nuxt's type constraints
        transform: (response) => response as ApiResponse<T, M>
    })
} 

usage.vue

<script setup lang="ts">
const { data, status, error } = useTypedFetch('/api/properties/:id', 'default')

</script>