[Feature] Extend openapi client generation

Relevant template

No response

Problem description (optional)

After closing this issue the api will be generated automatically. But using it in the client still leaves some room for improvement. Futhermore there exists not generator for vue.

Desired solution

Generate some api function with vue functionality (reactivity - see example below). This example exposes reactive variables to the component which simplifies the implementation a lot in VueJS. The below code can be used to manually create those function for each api call - this is probably doable for a few request but not if this needs to be done for the whole specification.

Example for some generic vue implementation for calling the api:

export function useApiCall<TRequest, TResponse = void>(
  apiMethod: (params: TRequest) => Promise<TResponse>
) {
  const loadingInternal = ref(false);
  const errorInternal = ref(false);
  const dataInternal = ref<TResponse | null>(null);

  const loading = readonly(loadingInternal);
  const error = readonly(errorInternal);
  const data = readonly(dataInternal);

  const call = (params: TRequest): Promise<TResponse | boolean> => {
    loadingInternal.value = true;
    errorInternal.value = false;

    return apiMethod(params)
      .then((data) => (dataInternal.value = data))
      .catch(() => (errorInternal.value = true))
      .finally(() => (loadingInternal.value = false));
  };

  return {
    loading,
    error,
    data,
    call,
  };
}

Considered alternatives (optional)

Alternative soultion would be to customize the openapi generator. This can be done with the provided .mustache files (example for the DefaultApi). Now there exist two ways to do this:

use the templating mechanism to inject a custom template upon generating the files
donate a contribution to the openapi-generator project with implementing a generator type for typescript-vue

Additional context (optional)

No response

No duplicate

[X] I confirm that this issue is not a duplicate

Code of Conduct

[X] I agree to follow this project's Code of Conduct

it-at-m / refarch-templates