Using shouldBypassCache, should it still return stale-while-revalidate headers?

[kaitoqueiroz]

Environment:

Operating System: Linux
Node Version: v20.15.0
Nuxt Version: 3.13.0
Package Manager: [email protected]

Reproduction

https://stackblitz.com/edit/nuxt-starter-kjhdkn?file=server%2Fapi%2Ftest.get.js

⚠️ Please be aware that the problem I'm describing can't be reproduced in the stackblitz preview feature, once it runs with ServiceWorker. The code should be downloaded and run locally: npm install then npm run dev

Context:

I'm working on a feature that uses SWR to cache the API responses for a certain period and revalidate after the TTL.
When I switch pages, I make a request to the API, and I want the cache to be bypassed when I set the preview=true query parameter.
The problem is that the browser caches the response regardless, and when the user navigates, it still serves cached data.

Response headers in the first request (uncached):

Code:

export default defineCachedEventHandler(
  async (event) => {
    return new Date();
  },
  {
    // explicitly enable SWR
    swr: true,
    maxAge: 30,
    staleMaxAge: 60 * 60 * 24 * 7, // 1 week
    shouldBypassCache: (event) => {
      const { preview } = getQuery(event);

      return preview === 'true';
    },
  }
);

Is it possible to avoid the response being cached in the browser when the cache is bypassed? Using shouldBypassCache, should it still return stale-while-revalidate headers?
Could anyone help me with that, please?