Reducing Redundant API Handlers While Preserving TypeScript Types

// types.ts
export interface RequestTypeA { /* fields */ }
export interface ResponseTypeA { /* fields */ }

export interface RequestTypeB { /* fields */ }
export interface ResponseTypeB { /* fields */ }

export interface RequestTypeC { /* fields */ }
export interface ResponseTypeC { /* fields */ }

// server/api/A.get.ts
import { RequestTypeA, ResponseTypeA } from '@/types';

export default defineEventHandler(async (event) => {
  const params = getQuery(event) as RequestTypeA;
  const data = await $fetch<ResponseTypeA>('/api/A', { params });
  return data;
});

// server/api/B.get.ts
import { RequestTypeB, ResponseTypeB } from '@/types';

export default defineEventHandler(async (event) => {
  const params = getQuery(event) as RequestTypeB;
  const data = await $fetch<ResponseTypeB>('/api/B', { params });
  return data;
});

// server/api/C.get.ts
import { RequestTypeC, ResponseTypeC } from '@/types';

export default defineEventHandler(async (event) => {
  const params = getQuery(event) as RequestTypeC;
  const data = await $fetch<ResponseTypeC>('/api/C', { params });
  return data;
});

// server/api/[endpoint].get.ts
export default defineEventHandler(async (event) => {
  const endpoint = getRouteParam(event, 'endpoint')
  const params = getQuery(event);
  const data = await $fetch(`/api/${endpoint}`, { params });
  return data;
});