From 85cc2306d57fe02ce22de0b209dcb6339b1141fa Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Mon, 13 Oct 2025 00:20:19 -0600
Subject: [PATCH] Fix PWA manifest link injection and navigateFallback error
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add useHead() in app.vue to inject manifest and PWA meta tags
- Set navigateFallback to undefined to prevent non-precached-url error
- Add includeAssets configuration for PWA module
- Fixes service worker error on initial page load

🤖 Generated with [Claude Code](https://claude.com/claude-code)
---
 nuxt4/app/app.vue    | 14 ++++++++++++++
 nuxt4/nuxt.config.ts |  3 ++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/nuxt4/app/app.vue b/nuxt4/app/app.vue
index 904688b..95876fb 100644
--- a/nuxt4/app/app.vue
+++ b/nuxt4/app/app.vue
@@ -50,4 +50,18 @@
 
 <script setup lang="ts">
 const { isAuthenticated } = useAuthentik()
+
+// Configurar meta tags para PWA
+useHead({
+  link: [
+    { rel: 'manifest', href: '/manifest.webmanifest' },
+    { rel: 'icon', type: 'image/svg+xml', href: '/icon.svg' },
+    { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' }
+  ],
+  meta: [
+    { name: 'theme-color', content: '#00DC82' },
+    { name: 'apple-mobile-web-app-capable', content: 'yes' },
+    { name: 'apple-mobile-web-app-status-bar-style', content: 'default' }
+  ]
+})
 </script>
diff --git a/nuxt4/nuxt.config.ts b/nuxt4/nuxt.config.ts
index f6fbea1..eb8dbc3 100644
--- a/nuxt4/nuxt.config.ts
+++ b/nuxt4/nuxt.config.ts
@@ -22,6 +22,7 @@ export default defineNuxtConfig({
 
   pwa: {
     registerType: 'autoUpdate',
+    includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'icon.svg'],
     manifest: {
       name: 'Plantilla Nuxt + Authentik',
       short_name: 'NuxtAuth',
@@ -54,7 +55,7 @@ export default defineNuxtConfig({
       ]
     },
     workbox: {
-      navigateFallback: '/',
+      navigateFallback: undefined,
       globPatterns: ['**/*.{js,css,html,png,svg,ico}'],
       cleanupOutdatedCaches: true,
       runtimeCaching: [