firebase implementation

src/App.vue

@@ -6,11 +6,17 @@ import { useRoute } from 'vue-router'
 import { useStatusStore } from '@/stores/status.ts'
 import { useIssueStore } from '@/stores/issue.ts'
 import { useProjectStore } from '@/stores/project.ts'
+import { authClient } from '@/lib/auth-client.ts'
+import { usePushNotifications } from '@/composables/usePushNotifications.ts'
+import SnackbarQueue from '@/components/SnackbarQueue.vue'
 
 const route = useRoute()
 const issueStore = useIssueStore()
 const statusStore = useStatusStore()
 const projectStore = useProjectStore()
+const session = authClient.useSession()
+const push = usePushNotifications()
+
 const { currentProjectId } = storeToRefs(projectStore)
 
 interface IssueSseEvent {
@@ -39,6 +45,15 @@ watch(event, () => {
   }
 })
 
+// FID сохраняется на бэкенде под текущим пользователем, поэтому стартуем только с сессией
+watch(
+  () => session.value.data?.user.id,
+  (userId) => {
+    if (userId) push.autoStart().catch((e) => console.error('Failed to start push', e))
+  },
+  { immediate: true },
+)
+
 const layout = computed(() => {
   const layout = route?.meta?.layout
   return layout ? `${layout}Layout` : 'DefaultLayout'
@@ -58,6 +73,7 @@ onMounted(async () => {
       </div>
     </router-view>
   </component>
+  <snackbar-queue />
 </template>
 
 <style scoped></style>