<SignedOut>
The <SignedOut> component offers authentication checks as a cross-cutting concern. Any child nodes wrapped by a <SignedOut> component will be rendered only if there's no User signed in to your application.
Properties
- Name
treatPendingAsSignedOut?- Description
<script setup lang="ts">
// Components are automatically imported
</script>
<template>
<main>
<SignedOut>
<div>You are signed out</div>
</SignedOut>
<p>This content is always visible.</p>
</main>
</template>Feedback
Last updated on