<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.

Example

<script setup lang="ts">
import { SignedOut } from '@clerk/vue'
</script>

<template>
  <SignedOut>
    <div>You are signed out.</div>
  </SignedOut>
  <p>This content is always visible.</p>
</template>

Properties