feat: add PWA install prompt UI (#35)
Some checks failed
Deploy to Coolify / Code Quality (pull_request) Has been cancelled
Deploy to Coolify / Run Tests (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Development (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Production (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Test (pull_request) Has been cancelled
Pull Request Checks / Validate PR (pull_request) Has been cancelled

- Create usePWAInstall composable for install management
- Add InstallPrompt banner component with auto-show after 3s
- Add App Settings tab in settings page
- Show install button with loading state
- Display installation status and instructions
- Handle dismissal with 7-day cooldown
- Add iOS/Android installation guides
- Show PWA features list
- Display storage usage with visual progress
- Auto-hide prompt after successful install

Features:
- Automatic install prompt after 3 seconds
- Manual install from settings
- Platform-specific instructions
- Smart dismissal tracking
- Storage info visualization

Closes #35
This commit is contained in:
Pantry Lead Agent
2026-02-25 00:09:31 +00:00
parent 28ff53e8cd
commit e47535d0fa
5 changed files with 397 additions and 0 deletions

View File

@@ -18,6 +18,10 @@
</div>
</template>
<template #app>
<SettingsAppSettings />
</template>
<template #about>
<UCard class="mt-4">
<div class="space-y-4">
@@ -52,6 +56,11 @@ const tabs = [
label: 'Tags',
icon: 'i-heroicons-tag'
},
{
key: 'app',
label: 'App',
icon: 'i-heroicons-device-phone-mobile'
},
{
key: 'account',
label: 'Account',