catch more errors if something catastrophic happens to encrypted data

src/components/PushNotificationPermission.vue

@@ -9,7 +9,7 @@
   >
     <div
       v-if="isVisible"
-      class="fixed z-[100] top-0 inset-x-0 w-full absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50"
+      class="fixed z-[100] top-0 inset-x-0 w-full inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50"
     >
       <div
         class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg"
@@ -276,9 +276,9 @@ export default class PushNotificationPermission extends Vue {
   }
 
   private async askPermission(): Promise<NotificationPermission> {
-    logConsoleAndDb(
-      "Requesting permission for notifications: " + JSON.stringify(navigator),
-    );
+    // console.log(
+    //   "Requesting permission for notifications: " + JSON.stringify(navigator),
+    // );
     if (
       !("serviceWorker" in navigator && navigator.serviceWorker?.controller)
     ) {
@@ -344,7 +344,7 @@ export default class PushNotificationPermission extends Vue {
             },
             -1,
           );
-          throw new Error("We weren't granted permission.");
+          throw new Error("Permission was not granted to this app.");
         }
         return permission;
       },