Fix PWA manifest link injection and navigateFallback error
- 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)
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user