<RedirectToTasks />

The <RedirectToTasks /> component will navigate to the tasks flow which has been configured in your application instance when users have pending session tasks⁠. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack.

The <RedirectToTasks /> component is primarily intended for use in custom flows. If you're using prebuilt components, you typically won't need to use <RedirectToTasks /> as these components manage task redirection internally. See the guide on handling session tasks outside of prebuilt components.

Example

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

<template>
  <SignedOut>
    <RedirectToTasks />
  </SignedOut>
</template>