doc: improvements

doc/content/docs/fetch-schema.mdx

@@ -217,7 +217,7 @@ import { z } from "zod";
 const $fetch = createFetch({
     baseUrl: "https://jsonplaceholder.typicode.com",
     schema: createSchema({
-        "/@put/user": { // [!code highlight]
+        "@put/user": { // [!code highlight]
             input: z.object({
                 title: z.string(),
                 completed: z.boolean(),

doc/content/docs/getting-started.mdx

@@ -102,7 +102,11 @@ Learn more about handling errors [Handling Errors](/docs/handling-errors) sectio
 
 ### Fetch Schema
 
-The fetch schema enables you to pre-define the URL path and the shape of request and response data. This makes it easy to document your API. With plugins, you can even share these schemas with other as a package.
+Fetch schema enables you to pre-define the URL path and the shape of request and response data. This makes it easy to document your API. 
+
+<Callout type="info">
+   Plugins can also define fetch schemas. See [Plugins](/docs/plugins) section for more details.
+</Callout>
 
 The output of the scheam will be validated using zod and if the validation fails, it'll throw an error.
 
@@ -132,7 +136,6 @@ const $fetch = createFetch({
     schema: schema // [!code highlight]
 });
 
-
 const { data, error } = await $fetch("/path", {
     body: {
         userId: "1",

packages/better-fetch/package.json

@@ -40,8 +40,6 @@
 			"require": "./dist/index.cjs"
 		}
 	},
-	"files": [
-		"dist"
-	],
+	"files": ["dist"],
 	"type": "module"
 }

packages/better-fetch/src/test/fetch.test.ts

@@ -1,6 +1,6 @@
 import { createApp, toNodeListener } from "h3";
 import { type Listener, listen } from "listhen";
-import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { afterAll, beforeAll, describe, expect, it, vi } from "vitest";
 import { BetterFetchError, betterFetch, createFetch } from "..";
 import { router } from "./test-router";
 
@@ -278,6 +278,45 @@ describe("fetch-error", () => {
 	});
 });
 
+describe.only("hooks", () => {
+	it("should call onRequest and onResponse", async () => {
+		const onRequest = vi.fn();
+		const onResponse = vi.fn();
+		const f = createFetch({
+			baseURL: "http://localhost:4001",
+			customFetchImpl: async (req, init) => {
+				return new Response(JSON.stringify({ message: "ok" }));
+			},
+			onRequest,
+			onResponse,
+		});
+		await f("/ok");
+		expect(onRequest).toHaveBeenCalled();
+		expect(onResponse).toHaveBeenCalled();
+	});
+
+	it("should call onError", async () => {
+		const onError = vi.fn();
+		const onResponse = vi.fn();
+		const onSuccess = vi.fn();
+		const f = createFetch({
+			baseURL: "http://localhost:4001",
+			customFetchImpl: async (req, init) => {
+				return new Response(null, {
+					status: 500,
+				});
+			},
+			onError,
+			onResponse,
+			onSuccess,
+		});
+		await f("/ok");
+		expect(onError).toHaveBeenCalled();
+		expect(onResponse).toHaveBeenCalled();
+		expect(onSuccess).not.toHaveBeenCalled();
+	});
+});
+
 describe("fetch-error-throw", () => {
 	const f = createFetch({
 		baseURL: "http://localhost:4001",