chore: remove redundant store

Author: imrim12

app/@layouts/components/NavbarShortcuts.vue

@@ -4,18 +4,14 @@ import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
 
 const { t } = useI18n()
 const authStore = useAuthStore()
-const tokenDeviceStore = useTokenDeviceStore()
 const userEmail = computed(() => authStore.currentUser?.email)
 const userAvatar = computed(() => authStore.currentUser?.picture)
 const userFullname = computed(() => authStore.currentUser?.name)
 const userRole = computed(() => authStore.currentUser?.roles?.[0] || authStore.currentUser?.organization_roles?.[0] || t('User'))
 
 async function logout() {
   try {
-    if (authStore.currentUser)
-      await tokenDeviceStore.clearTokenDevice()
-
-    await authStore.signOut()
+    await navigateTo({ path: '/sign-out' }, { external: true })
 
     navigateTo({ name: 'auth-login' })
   }
@@ -51,12 +47,12 @@ const userProfileList = computed<Array<{
     title: t('Pricing'),
     to: { name: 'settings-pricing' },
   },
-  {
-    type: 'navItem',
-    icon: 'ri-question-line',
-    title: 'FAQ',
-    to: { name: 'faq' },
-  },
+  // {
+  //   type: 'navItem',
+  //   icon: 'ri-question-line',
+  //   title: 'FAQ',
+  //   to: { name: 'faq' },
+  // },
 ])
 </script>
 

app/@layouts/components/UserProfile.vue

@@ -30,7 +30,6 @@ const config = useRuntimeConfig()
       <NavBarI18n />
 
       <NavbarThemeSwitcher />
-      <NavbarShortcuts />
       <NavBarNotifications class="me-2" />
       <UserProfile />
     </template>

app/@layouts/components/layout/DefaultLayoutWithHorizontalNav.vue

@@ -39,7 +39,6 @@ watch([
 
         <NavBarI18n />
         <NavbarThemeSwitcher />
-        <NavbarShortcuts />
         <NavBarNotifications class="me-2" />
         <UserProfile />
       </div>

app/@layouts/components/layout/DefaultLayoutWithVerticalNav.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useTheme } from 'vuetify'
-import { getMessaging, onMessage } from 'firebase/messaging'
+import { getMessaging, getToken } from 'firebase/messaging'
 import ScrollToTop from '@base/@core/components/ScrollToTop.vue'
 import initCore from '@base/@core/initCore'
 import { initConfigStore, useConfigStore } from '@base/@core/stores/config'
@@ -18,14 +18,27 @@ const { global } = useTheme()
 if (isMobile)
   configStore.appContentLayoutNav = 'vertical'
 
-onBeforeMount(async () => {
-  if (!isInAppBrowser()) {
-    onMessage(getMessaging(), () => {
-    // TODO: Handle incoming messages
-    // console.log('Client message:', payload)
-    // const linkSplits = payload.fcmOptions?.link?.split('/projects/')
-    // notify(payload.notification?.body as string, { type: 'primary', link: `/projects/${linkSplits![1]}` })
-    })
+const config = useRuntimeConfig()
+
+const tokenDevice = useLocalStorage<string | null>('tokenDevice', null)
+
+const notificationApi = useApiNotification()
+
+onMounted(async () => {
+  if (!isInAppBrowser() && !tokenDevice.value) {
+    try {
+      if (Notification.permission !== 'granted')
+        await Notification.requestPermission()
+
+      const authStore = useAuthStore()
+
+      if (Notification.permission === 'granted' && authStore.currentUser) {
+        const token = await getToken(getMessaging(), { vapidKey: config.public.firebase.keyPair })
+
+        notificationApi.createTokenDevice(token)
+      }
+    }
+    catch {}
   }
 })
 </script>

app/app.vue

@@ -5,6 +5,8 @@ const config = useRuntimeConfig()
 
 const inputFileRef = ref<HTMLElement>()
 
+const authApi = useApiAuth()
+
 const authStore = useAuthStore()
 const formFile = ref<File | null>(null)
 
@@ -97,7 +99,7 @@ async function handleSubmit() {
     if (formFile.value && authStore.currentUser)
       avatarUrl = await uploadToS3(formFile.value, authStore.currentUser.sub)
 
-    await authStore.updateProfile({
+    await authApi.updateProfile({
       ...formData.value,
       avatar: avatarUrl,
     })

app/components/account-settings/AccountSettingsAccount.vue

@@ -2,10 +2,8 @@ export default defineNuxtRouteMiddleware(async (to) => {
   if (to.meta.public || import.meta.prerender)
     return
 
-  const healthStore = useHealthStore()
-
   try {
-    await healthStore.fetchHealthCheck()
+    await useApiHealth().fetchHealthCheck()
   }
   catch {
     throw createError({

app/middleware/01.health.global.ts

@@ -2,24 +2,11 @@ export default defineNuxtRouteMiddleware(async (to) => {
   if (to.meta.public)
     return
 
-  if (to.meta.auth || to.meta.auth === undefined) {
+  if (to.meta.auth) {
     const authStore = useAuthStore()
 
-    if (authStore.currentUser) {
-      if (to.meta.unauthenticatedOnly)
-        return navigateTo('/')
-
-      try {
-        await authStore.fetchToken()
-      }
-      catch {
-        notifyError({
-          content: 'Failed to retrieve user token.',
-        })
-      }
-    }
-    else if (!to.meta.unauthenticatedOnly) {
-      return navigateTo('/auth/login')
+    if (!authStore.currentUser) {
+      return navigateTo({ path: '/sign-in' }, { external: true })
     }
   }
 })