feat: use http-client-hints

[userquin]

Description

This PR also includes:

• add example using Nitro Event Handler in dev and production
• move the playground to compat. v4 format

/cc @danielroe @pi0 no idea why it is not working (dev or build): I'll try tmr to move the repo to monorepo adding the playground to the workspaces.

Linked Issues

Additional Context

---

Tip

The author of this PR can publish a preview release by commenting /publish below.

[userquin]

replace useRuntimeConfig with useAppConfig in all plugins and remove the registration from the configuration

[userquin]

So, the problem here is about adding an event handler to handle image requests.

Dev server (playground):

• the nuxt http client hints plugin not being registered or invoked (src/runtime/server/plugin.ts, the index.ts not being used, it is an event handler)
• there is no way to declare an event handler to intercept image requests other than including it in the nitro.devHandlers array (playground nuxt config file)

Build + start SSR app via node (playground):

• the nuxt http client hints being registered and invoked on image requests (rn added afterResponse nitro hook to log the http client hints for image requests)
• there is no way to declare an event handler to intercept image request in the playgrounds: the current server/image.ts not being invoked, only with some assets like / and favicon.ico (playground); tested with router: '' and middleware: true'

[userquin]

There is also a weird behavior in the client plugins, the client runtime module hook (http-client-hints:client-hints) not being called in the plugins/hints.client.ts in the playground, the client plugin registred in src/utils/configuration.ts module with enforce: 'post' and without dependsOn (addClientHintsPlugin) being called after the plugins/hints.client.ts and so will not be called.

You can check it adding a breakpoint in both plugins.

It is enforce: 'post' not order: 'post' 🤦‍♂️🤦‍♂️🤦‍♂️🤦‍♂️🤦‍♂️

[userquin]

We can expose the utilities instead exposing a plugin, but then we're moving the problem to the consumer, I want to check it here with some minimal working example.

[userquin]

/publish

[pkg-pr-new]

pnpm add https://pkg.pr.new/nuxt-http-client-hints@10

commit: 7f9fffb

[userquin]

Looks like we have problems with nitro cache headers event handler. I guess when vary header added the browser should change some http request headers.

[userquin]

Some hints here: https://discord.com/channels/473401852243869706/1300183999981027348/1300183999981027348