docs: add h3 middleware example

README.md

@@ -5,31 +5,60 @@
 
 High performance, secure and easy to use image proxy based on [sharp](https://github.com/lovell/sharp) and [libvips](https://github.com/libvips/libvips).
 
-## Usage
-
-### Quick Start
+## Using CLI
 
 You can use `ipx` command to start server using:
 
 ```bash
-$ npx ipx
+npx ipx@latest
 ```
 
 The default server directory is the current working directory.
 
-### Programatic Usage
+## Programatic API
+
+You can use IPX as a middleware or directly use IPX interface.
 
-You can use IPX as a Connect/Express middleware or directly use ipx api.
+```ts
+import { createIPX, createIPXMiddleware } from "ipx";
+
+const ipx = createIPX({ domains: ["unjs.io"] });
+
+// (req, res) => void
+const ipxMiddleware = createIPXMiddleware(ipx);
+```
+
+**Example**: Using with [unjs/h3](https://github.com/unjs/h3):
 
 ```js
 import { createIPX, createIPXMiddleware } from "ipx";
+import { listen } from "listhen";
+import { createApp, fromNodeMiddleware, toNodeListener } from "h3";
+
+const ipx = createIPX({});
+const ipxMiddleware = createIPXMiddleware(ipx);
+
+const app = createApp().use("/", fromNodeMiddleware(ipxMiddleware));
+
+listen(toNodeListener(app));
+```
+
+**Example:** Using [express](https://expressjs.com):
+
+```js
+import { createIPX, createIPXMiddleware } from "ipx";
+import { listen } from "listhen";
+import express from "express";
+
+const ipx = createIPX({});
+const ipxMiddleware = createIPXMiddleware(ipx);
+
+const app = express().use("/", ipxMiddleware);
 
-const ipx = createIPX(/* options */);
-const app = express();
-app.use("/image", createIPXMiddleware(ipx));
+listen(app);
 ```
 
-### Examples
+## Examples
 
 Get original image:
 
@@ -47,7 +76,7 @@ Resize to `200x200px` using `embed` method and change format to `webp`:
 
 `/embed,f_webp,s_200x200/static/buffalo.png`
 
-### Modifiers
+## Modifiers
 
 | Property       | Docs                                                            | Example                                              | Comments                                                                                                                                                          |
 | -------------- | :-------------------------------------------------------------- | :--------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -78,7 +107,7 @@ Resize to `200x200px` using `embed` method and change format to `webp`:
 | grayscale      | [Docs](https://sharp.pixelplumbing.com/api-colour#grayscale)    | `/grayscale/buffalo.png`                             |
 | animated       | -                                                               | `/animated/buffalo.gif`                              | Experimental                                                                                                                                                      |
 
-### Config
+## Config
 
 Config can be customized using `IPX_*` environment variables.