feat: show notification to install miniplan as app

2026-07-21 16:38:05 +02:00
parent 1104280c0c
commit 87812d02d3
5 changed files with 181 additions and 75 deletions
@@ -1,79 +1,81 @@
-import { fileURLToPath, URL } from 'node:url'
+import {fileURLToPath, URL} from 'node:url'

-import { defineConfig } from 'vite'
+import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
-import { VitePWA } from 'vite-plugin-pwa'
+import {VitePWA} from 'vite-plugin-pwa'

-export default defineConfig({
-  plugins: [
-    vue(),
-    VitePWA({
-      registerType: 'autoUpdate',
-      includeAssets: ['favicon.ico', 'minis_logo.png'],
-      manifest: {
-        name: 'Miniplan',
-        short_name: 'Miniplan',
-        description: 'Miniplan',
-        theme_color: '#ffffff',
-        background_color: '#ffffff',
-        display: 'standalone',
-        scope: '/',
-        start_url: '/',
-        screenshots: [
-          {
-            src: 'screenshot1.png',
-            sizes: '505x710',
-            type: 'image/png',
-            form_factor: "narrow",
-            label: "Miniplan Liste"
-          },
-          {
-            src: 'screenshot2.png',
-            sizes: '505x711',
-            type: 'image/png',
-            form_factor: "narrow",
-            label: "Miniplan Tabelle"
-          },
-          {
-            src: "screenshot3.png",
-            sizes: '1003x709',
-            type: 'image/png',
-            form_factor: "wide",
-            label: "Miniplan Tabelle"
-          }
+export default defineConfig(({mode}) => (
+    {
+        plugins: [
+            vue(),
+            VitePWA({
+                registerType: 'autoUpdate',
+                includeAssets: ['favicon.ico', 'minis_logo.png'],
+                manifest: {
+                    name: 'Miniplan App',
+                    short_name: 'Miniplan',
+                    description: 'Lade deinen Miniplan direkt auf dein Handy. So hast du den Miniplan jederzeit und schnell erreichbar.',
+                    theme_color: '#ffffff',
+                    background_color: '#ffffff',
+                    display: 'standalone',
+                    scope: '/',
+                    start_url: '/',
+                    screenshots: [
+                        {
+                            src: 'screenshot1.png',
+                            sizes: '505x710',
+                            type: 'image/png',
+                            form_factor: "narrow",
+                            label: "Miniplan Liste"
+                        },
+                        {
+                            src: 'screenshot2.png',
+                            sizes: '505x711',
+                            type: 'image/png',
+                            form_factor: "narrow",
+                            label: "Miniplan Tabelle"
+                        },
+                        {
+                            src: "screenshot3.png",
+                            sizes: '1003x709',
+                            type: 'image/png',
+                            form_factor: "wide",
+                            label: "Miniplan Tabelle"
+                        }
+                    ],
+                    icons: [
+                        {
+                            src: "pwa-64x64.png",
+                            sizes: "64x64",
+                            type: "image/png"
+                        },
+                        {
+                            src: "pwa-192x192.png",
+                            sizes: "192x192",
+                            type: "image/png"
+                        },
+                        {
+                            src: "pwa-512x512.png",
+                            sizes: "512x512",
+                            type: "image/png"
+                        },
+                        {
+                            src: "maskable-icon-512x512.png",
+                            sizes: "512x512",
+                            type: "image/png",
+                            purpose: "maskable"
+                        }
+                    ]
+                },
+                devOptions: {
+                    enabled: mode === "development"
+                }
+            })
        ],
-        icons: [
-          {
-            src: "pwa-64x64.png",
-            sizes: "64x64",
-            type: "image/png"
-          },
-          {
-            src: "pwa-192x192.png",
-            sizes: "192x192",
-            type: "image/png"
-          },
-          {
-            src: "pwa-512x512.png",
-            sizes: "512x512",
-            type: "image/png"
-          },
-          {
-            src: "maskable-icon-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
-            purpose: "maskable"
-          }
-        ]
-      },
-      devOptions: {
-        enabled: false
-      }
+        resolve: {
+            alias: {
+                '@': fileURLToPath(new URL('./src', import.meta.url))
+            }
+        }
    })
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
-  }
-})
+)