Fix image rendering in local environment

[jsdanielh]

Dynamix path parameters and nested dynamic routes are not working in Nuxt 4 development mode. So this commit changes the code to use API endpoints with query parameters which works in local development environments.

[onmax]

Mmmm, not really sure if this is the problem.

Can you confirm that using the code from main branch, running the dev server, and hitting /images/location/bd67967f-45c8-4111-9da1-2ac208e89997 actually fails?

When I test with curl on the main branch code, the endpoint works perfectly:

curl -I http://localhost:3000/images/location/bd67967f-45c8-4111-9da1-2ac208e89997
# Returns: HTTP/1.1 200 OK, content-type: image/jpeg, content-length: 61156

The route is working as expected following the Nuxt Hub blob documentation pattern with [...pathname] dynamic routes.

I think the main core issue is that we need to reload the cache with Cmd + Shift + R

[jsdanielh]

curl -I http://localhost:3000/images/location/bd67967f-45c8-4111-9da1-2ac208e89997

To me that doesn't work:

jd-laptop:crypto-map-next jsdaniel$ curl -I http://localhost:3000/images/location/bd67967f-45c8-4111-9da1-2ac208e89997
HTTP/1.1 404 Page not found: /images/location/bd67967f-45c8-4111-9da1-2ac208e89997
set-cookie: i18n_redirected=en; Path=/; Expires=Wed, 14 Oct 2026 16:30:20 GMT; SameSite=Lax
cache-control: no-cache
connection: close
content-security-policy: script-src 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self';
content-type: application/json
date: Tue, 14 Oct 2025 16:30:20 GMT
referrer-policy: no-referrer
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: DENY

And the resulted rendered page after doing Cmd+Shift+R looks like this to me:

[onmax]

i just pushed c80066b

Let's see if using NuxtImg solves it