quasar/src/composables/use-hydration/use-hydration.js

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

import { ref, onMounted } from 'vue'

// using it to manage SSR rendering with best performance
import { isRuntimeSsrPreHydration } from '../../plugins/platform/Platform.js'

export default function () {
  const isHydrated = ref(!isRuntimeSsrPreHydration.value)

  if (isHydrated.value === false) {
    onMounted(() => {
      isHydrated.value = true
    })
  }

  return { isHydrated }
}