Estoy creando una aplicación Vue PWA usando un condensador para permitir que también se ejecute como una aplicación iOS.

Tuve que agregar algo de caché para el SW, por lo que hay algunas cosas que se muestran mientras está fuera de línea, sin embargo, creo que está almacenando en caché mis temas.

Estoy usando DaisyUI, un complemento de viento de cola para representar diferentes temas en función de una página, haga clic en esta tarjeta, debería representar el tema 1, haga clic en esta tarjeta, represente el tema 2, etc.

Es puramente para cambios de color, sin embargo, solo muestra el primer tema y funcionaba bien antes de agregar trabajadores de servicio.

Tengo un vue.config.js que se ve así:

 module.exports = { pwa: { workboxPluginMode: 'GenerateSW', workboxOptions: { navigateFallback: '/index.html', runtimeCaching: [ { urlPattern: new RegExp('^https://ergast.com'), handler: 'networkFirst', options: { networkTimeoutSeconds: 20, cacheName: 'api-cache', cacheableResponse: { statuses: [0, 200], }, }, }, ], }, }, };

Y un manifest.json que se ve así:

 { "name": "Formula GP", "short_name": "FGP", "icons": [ { "src": "./img/icons/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" }, { "src": "./img/icons/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }, { "src": "./img/icons/android-chrome-maskable-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" }, { "src": "./img/icons/android-chrome-maskable-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" } ], "start_url": ".", "display": "standalone", "background_color": "#000000" }

¿Hay alguna manera de ignorar los temas de alguna manera?