<RedirectToSignIn />

The <RedirectToSignIn /> component will navigate to the sign in URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack.

Example

<script setup lang="ts">
import { Show, RedirectToSignIn, UserButton } from '@clerk/vue'
</script>

<template>
  <Show when="signed-in">
    <UserButton />
  </Show>
  <Show when="signed-out">
    <RedirectToSignIn />
  </Show>
</template>