# useSignUp() | Vue

The `useSignUp()` composable provides access to the [SignUp](https://clerk.com/docs/reference/objects/sign-up.md) object, which allows you to check the current state of a sign-up attempt and manage the sign-up flow. You can use this to create a custom sign-up flow.

## Returns

| Name        | Type                                              | Description                                                                                                          |
| ----------- | ------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- |
| isLoaded    | Ref<boolean>                                     | A boolean that indicates whether Clerk has completed initialization. Initially false, becomes true once Clerk loads. |
| setActive() | Ref<(params: SetActiveParams) => Promise<void>> | A function that sets the active session.                                                                             |
| signUp      | Ref<SignUp>                                      | An object that contains the current sign-up attempt status and methods to create a new sign-up attempt.              |

## How to use the `useSignUp()` composable

### Check the current state of a sign-up

The following example uses the `useSignUp()` hook to access the [SignUp](https://clerk.com/docs/reference/objects/sign-up.md) object, which contains the current sign-up attempt status and methods to create a new sign-up attempt. The `isLoaded` property is used to handle the loading state.

filename: SignUpStep.vue
```vue
<script setup>
import { useSignUp } from '@clerk/vue'

const { isLoaded, signUp } = useSignUp()
</script>

<template>
  <div v-if="!isLoaded">
    <!-- Handle loading state -->
  </div>

  <div v-else>The current sign-up attempt status is {{ signUp?.status }}.</div>
</template>
```

---

## Sitemap

[Overview of all docs pages](https://clerk.com/docs/llms.txt)