Files
ui/docs/content/3.components/0.app.md
2024-11-13 16:23:08 +01:00

1.1 KiB

title, description, links
title description links
App Wraps your app to provide global configurations and more.
label icon to
GitHub i-simple-icons-github https://github.com/nuxt/ui/tree/v3/src/runtime/components/App.vue

Usage

This component implements Radix Vue ConfigProvider to provide global configuration to all components:

  • Enables all primitives to inherit global reading direction.
  • Enables changing the behavior of scroll body when setting body lock.
  • Much more controls to prevent layout shifts.

It's also using ToastProvider and TooltipProvider to provide global toasts and tooltips, as well as programmatic modals and slideovers.

Use it as at the root of your app:

<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>

::tip{to="/getting-started/i18n/nuxt#locale"} Learn how to use the locale prop to change the locale of your app. ::

API

Props

:component-props

Slots

:component-slots