Глобалды жүктеу

Blocking async flows үшін full-screen loading overlay.

Орнату

npx alixan-ui-nuxt add global-loader

Қолдану

app.vue

<template>
  <NuxtPage />
  <GlobalLoaderHost /> <!-- Add GlobalLoaderHost once near the root of your app. -->
</template>

Example.vue

<script setup lang="ts">
const loader = useGlobalLoader()

const load = () => {
  loader.show()

  window.setTimeout(() => {
    loader.hide()
  }, 3000)
}
</script>

<template>
  <Button @click="load">Show loader</Button>
</template>

API анықтамасы

Қасиет	Түрі	Әдепкі	Сипаттама
show	(options?: { label?: string }) => void	-	Full-screen loader ашады.
hide	() => void	-	Loader жабады.
label	string	''	Spinner астындағы қосымша label.