The useHydration composable is useful when you build for SSR or SSG (but can be used for non SSR/SSG builds as well). It is a lower level util of the QNoSsr component.
Syntax
import { useHydration } from 'quasar'
setup () {
const { isHydrated } = useHydration()
}function useHydration(): {
isHydrated: Ref<boolean>;
};Example
<template>
<div>
<div v-if="isHydrated"> Gets rendered only after hydration. </div>
</div>
</template>
<script setup>
import { useHydration } from 'quasar'
const { isHydrated } = useHydration()
</script>