josedario87
9b7d653c01
- Add PWA icons in multiple sizes (192px, 512px, maskable) - Configure manifest.webmanifest with proper icon references - Implement PWA install prompt with custom notification - Add manual manifest route for development compatibility - Update meta tags for iOS and Android PWA support - Configure service worker with music and image caching - Enable auto-updates and offline functionality PWA now fully installable on all platforms with proper branding.
26 lines
938 B
Vue
26 lines
938 B
Vue
<template>
|
|
<div>
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
useHead({
|
|
title: 'RepoDructor - Music Player',
|
|
meta: [
|
|
{ name: 'description', content: 'A beautiful glassmorphism music player for your local network' },
|
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
|
|
{ name: 'theme-color', content: '#8b5cf6' },
|
|
{ name: 'apple-mobile-web-app-capable', content: 'yes' },
|
|
{ name: 'apple-mobile-web-app-status-bar-style', content: 'default' },
|
|
{ name: 'apple-mobile-web-app-title', content: 'RepoDructor' }
|
|
],
|
|
link: [
|
|
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
|
|
{ rel: 'icon', type: 'image/png', sizes: '192x192', href: '/logo-192.png' },
|
|
{ rel: 'apple-touch-icon', sizes: '192x192', href: '/logo-192.png' },
|
|
{ rel: 'apple-touch-icon', sizes: '512x512', href: '/logo-512.png' },
|
|
{ rel: 'manifest', href: '/manifest.webmanifest' }
|
|
]
|
|
})
|
|
</script> |