chet novoe

src/App.vue

@@ -11,8 +11,8 @@
       <router-view/>
     </div>
     <OverlayView class="w-full sticky  invisible lg:visible top-0 z-10"/>
-
-    <Button :label="Sub" @click="subscribeUserToPush"/>
+{{not}}
+    <Button label="Sub" @click="checkSubscribe"/>
   </div>
 </template>
 
@@ -22,29 +22,34 @@ import OverlayView from "@/components/OverlayView.vue";
 import ToolBar from "@/components/ToolBar.vue";
 import Button from "primevue/button";
 import axiosSetup from "@/services/axiosSetup";
-import {onMounted} from "vue";
+import {onMounted, ref} from "vue";
 import {subscribeUserToPush} from "@/services/pushManager";
 import apiClient from '@/services/axiosSetup';
 
 
+const not = ref(Notification.permission)
 const checkSubscribe = async  () => {
   if (Notification.permission === 'default') {
-    Notification.requestPermission()
+    await Notification.requestPermission().then(sendSubscribe)
   } else if (Notification.permission === 'granted') {
-    try {
-      const subscription = await subscribeUserToPush();
-      console.log("Push subscription:", subscription);
-
-      // Отправка подписки на сервер для хранения
-      await apiClient.post("/push/subscribe", subscription)
-    } catch (error) {
-      console.error("Failed to subscribe to push:", error);
-    }
+    await sendSubscribe()
   } else {
     // Пользователь ранее отклонил запрос
   }
 }
 
+const sendSubscribe = async  () => {
+  try {
+    const subscription = await subscribeUserToPush();
+    console.log("Push subscription:", subscription);
+
+    // Отправка подписки на сервер для хранения
+    await apiClient.post("/push/subscribe", subscription)
+  } catch (error) {
+    console.error("Failed to subscribe to push:", error);
+  }
+}
+
 onMounted(async () => {
  await  checkSubscribe()