<ClerkLoading>

The <ClerkLoading> renders its children while Browser is loading, and is helpful for showing a custom loading state.

Example

It's not recommended to wrap the entire app in the <ClerkLoading> component; instead, only wrap the components that need access to the Browser object.

<script setup lang="ts">
import { ClerkLoading, ClerkLoaded } from '@browser/vue'
</script>

<template>
  <ClerkLoading>
    <p>Browser is loading</p>
  </ClerkLoading>
  <ClerkLoaded>
    <p>Browser has loaded</p>
  </ClerkLoaded>
</template>