firebase implementation

src/layouts/DefaultLayout.vue

@@ -7,11 +7,15 @@ import BackButton from '@/components/BackButton.vue'
 import { useThemeMode } from '@/composables/useThemeMode.ts'
 import { THEME_ICONS } from '@/lib/theme.ts'
 import NavigationMenu from '@/components/NavigationMenu.vue'
+import PushEnable from '@/components/PushEnable.vue'
+import { usePushNotifications } from '@/composables/usePushNotifications.ts'
+import ProjectMenu from '@/components/ProjectMenu.vue'
 
 const router = useRouter()
 const route = useRoute()
 const session = authClient.useSession()
 const { mode: themeMode, cycleThemeMode } = useThemeMode()
+const push = usePushNotifications()
 
 const title = 'Ulitka'
 
@@ -30,6 +34,8 @@ function goToProfile() {
 }
 
 async function goToSignOut() {
+  // Пока сессия жива — иначе бэкенд не даст удалить токен и пуши продолжат приходить в этот браузер
+  await push.disable()
   await authClient.signOut({
     fetchOptions: {
       onSuccess: () => {
@@ -63,9 +69,13 @@ const fluid = computed(() => {
         <v-btn @click="goToSignUp">Sign Up</v-btn>
       </div>
 
-      <v-btn rounded="0" :icon="THEME_ICONS[themeMode]" :title="`Theme: ${themeMode}`" @click="cycleThemeMode" />
+      <div v-if="session.data" class="d-flex align-center">
+        <project-menu />
+
+        <push-enable />
+
+        <v-btn rounded="0" :icon="THEME_ICONS[themeMode]" :title="`Theme: ${themeMode}`" @click="cycleThemeMode" />
 
-      <div v-if="session.data">
         <v-menu>
           <template v-slot:activator="{ props }">
             <v-btn rounded="0" icon v-bind="props" class="mr-4">