How to access user claims in SSR?

[niklv]

How to access user claims in SSR?
Especially in nuxt-vuefire

Currently my workaround:

import { defineStore } from 'pinia'
export const useUserStore = defineStore('user', () => {
  const currentUser = useCurrentUser()

  const uid = ref<string | null>(currentUser.value?.uid || null)
  const email = ref<string | null>(currentUser.value?.email || null)
  const username = ref<string | null>(
    currentUser.value?.displayName || email.value || null
  )
  const isAdmin = ref<boolean>(
    process.server
      ? //@ts-ignore
        currentUser.value?.customClaims?.admin === true
      : false
  )

  if (process.client)
    watch(currentUser, async user => {
      uid.value = user?.uid || null
      email.value = user?.email || null
      username.value = user?.displayName || email.value || null
      if (user) {
        const { claims } = await user.getIdTokenResult()
        isAdmin.value = claims.admin === true
      } else isAdmin.value = false
    })

  return {
    isAdmin,
    uid,
    email,
    username
  }
})

[posva]

Closing in favor of #1304 that contains extra info