Nuxt composable $fetch with global options and interceptor

useRawHttp.ts

import { useRuntimeConfig } from "nuxt/app";
import { $fetch, FetchOptions } from "ofetch";

export const useRawHttp = async (req: string, options: FetchOptions = {}) => {
	const config = useRuntimeConfig();

	options.baseURL = config.public.baseUrl; // set your base url on runtime config

	options.onResponse = ({ request, response, options }) => {};

	options.onRequest = ({ request, response, options }) => {};

	options.onResponseError = ({ request, response, options }) => {};

	options.onRequestError = ({ request, response, options }) => {};

	return $fetch(req, options);
};