---
title: "useWait"
description: "Vue composable to manage loading states (start, stop, check) in your components, through the wait plugin and the MazFullscreenLoader"
package: "maz-ui"
url: "https://maz-ui.com/composables/use-wait"
---

# useWait

> Vue composable to manage loading states (start, stop, check) in your components, through the wait plugin and the MazFullscreenLoader

- Package: `maz-ui`
- Import: `import { useWait } from 'maz-ui/composables/useWait'`
- Nuxt: auto-imported by `@maz-ui/nuxt` when `mazUi.plugins.wait` is enabled
- Web: https://maz-ui.com/composables/use-wait

**Warning:**

You must install the [wait plugin](../plugins/wait.md#install) before using it

**Tip:**

More info about the [wait plugin](../plugins/wait.md) in its documentation

## Usage

```vue
<script lang="ts" setup>
import { sleep } from '@maz-ui/utils'
import { useWait } from 'maz-ui/composables'
import { onMounted } from 'vue'

const wait = useWait()

onMounted(async () => {
  wait.start('MAIN_LOADER')
  await sleep(2000)
  wait.stop('MAIN_LOADER')
})
</script>

<template>
  <MazFullscreenLoader v-if="wait.isLoading('MAIN_LOADER')">
    Loading
  </MazFullscreenLoader>
  <p v-else>
    Loaded
  </p>
</template>
```