Debugging

src/App.vue

@@ -329,6 +329,7 @@ export default class App extends Vue {
           })
           .then((subscription) => {
             if (subscription) {
+              console.log(subscription);
               return this.sendSubscriptionToServer(subscription);
             } else {
               throw new Error("Subscription object is not available.");
@@ -369,15 +370,15 @@ export default class App extends Vue {
   private subscribeToPush(): Promise<void> {
     return new Promise<void>((resolve, reject) => {
       if ("serviceWorker" in navigator && "PushManager" in window) {
-        navigator.serviceWorker.ready
-          .then((registration) => {
         const applicationServerKey = this.urlBase64ToUint8Array(this.b64);
-
         const options: PushSubscriptionOptions = {
           userVisibleOnly: true,
           applicationServerKey: applicationServerKey,
         };
+        console.log(options);
 
+        navigator.serviceWorker.ready
+          .then((registration) => {
             return registration.pushManager.subscribe(options);
           })
           .then((subscription) => {
@@ -385,7 +386,7 @@ export default class App extends Vue {
             resolve();
           })
           .catch((error) => {
-            console.error("Push subscription failed:", error);
+            console.error("Push subscription failed:", error, options);
             reject(error);
           });
       } else {