Improve PWA Manifest (#6377)

Co-authored-by: Frank Elsinga <frank@elsinga.de>

public/manifest.json

@@ -1,6 +1,8 @@
 {
     "name": "Uptime Kuma",
     "short_name": "Uptime Kuma",
+    "description": "An easy-to-use self-hosted monitoring tool.",
+    "theme_color": "#5cdd8b",
     "start_url": "/",
     "background_color": "#fff",
     "display": "standalone",
@@ -15,5 +17,72 @@
             "sizes": "512x512",
             "type": "image/png"
         }
+    ],
+    "shortcuts": [
+        {
+            "name": "Dashboard",
+            "short_name": "Dashboard",
+            "description": "View monitoring dashboard",
+            "url": "/dashboard",
+            "icons": [
+                {
+                    "src": "icon-192x192.png",
+                    "sizes": "192x192",
+                    "type": "image/png"
+                }
+            ]
+        },
+        {
+            "name": "Add Monitor",
+            "short_name": "Add Monitor",
+            "description": "Add a new monitor",
+            "url": "/add",
+            "icons": [
+                {
+                    "src": "icon-192x192.png",
+                    "sizes": "192x192",
+                    "type": "image/png"
+                }
+            ]
+        },
+        {
+            "name": "Monitor List",
+            "short_name": "List",
+            "description": "View all monitors",
+            "url": "/list",
+            "icons": [
+                {
+                    "src": "icon-192x192.png",
+                    "sizes": "192x192",
+                    "type": "image/png"
+                }
+            ]
+        },
+        {
+            "name": "Settings",
+            "short_name": "Settings",
+            "description": "Open settings",
+            "url": "/settings",
+            "icons": [
+                {
+                    "src": "icon-192x192.png",
+                    "sizes": "192x192",
+                    "type": "image/png"
+                }
+            ]
+        },
+        {
+            "name": "Maintenance",
+            "short_name": "Maintenance",
+            "description": "Manage maintenance windows",
+            "url": "/maintenance",
+            "icons": [
+                {
+                    "src": "icon-192x192.png",
+                    "sizes": "192x192",
+                    "type": "image/png"
+                }
+            ]
+        }
     ]
 }

src/components/notifications/SMSC.vue

@@ -2,7 +2,9 @@
     <div class="mb-3">
         <label for="smsc-login" class="form-label">{{ $t("API Username") }}</label>
         <i18n-t tag="div" class="form-text" keypath="wayToGetClickSendSMSToken">
-            <a href="https://smsc.kz/" target="_blank">{{ $t("here") }}</a>
+            <template #here>
+                <a href="https://smsc.kz/" target="_blank">{{ $t("here") }}</a>
+            </template>
         </i18n-t>
         <input id="smsc-login" v-model="$parent.notification.smscLogin" type="text" class="form-control" required>
         <label for="smsc-key" class="form-label">{{ $t("API Key") }}</label>

src/lang/en.json

@@ -838,7 +838,7 @@
     "pushDeerServerDescription": "Leave blank to use the official server",
     "PushDeer Key": "PushDeer Key",
     "SpugPush Template Code": "Template Code",
-    "wayToGetClickSendSMSToken": "You can get API Username and API Key from {0} .",
+    "wayToGetClickSendSMSToken": "You can get API Username and API Key from {here}.",
     "Custom Monitor Type": "Custom Monitor Type",
     "Google Analytics ID": "Google Analytics ID",
     "Edit Tag": "Edit Tag",