BankaiApp

The infra singleton at the root of an application — the outermost layer of App › Layout › Page › Container. It renders a plain <div> and is not a landmark.

Usage

<!-- the outermost wrapper of an application -->
<template>
  <BankaiApp>
    <BankaiLayout>… header / main / footer …</BankaiLayout>
  </BankaiApp>
</template>

Wrap your application once at the root. It is a singleton: its services are provided by injection, so nesting an App inside another App would silently shadow the outer one — ancestor/descendant nesting is discouraged. Placing Apps side by side is legitimate (embedded micro-frontends, split-screen).

Embedded-mode surface

Its one job today is a self-contained surface: the theme carries color-scheme and the foundation --bankai-color-bg/-fg tokens on the App's own box. So a bankai island dropped into a foreign page paints the house light/dark surface for its subtree without the global html page paint (which an embedded consumer can sever). The box below sits on a non-house background to show its own painted surface:

Self-contained bankai island

Every theme rule is zero-specificity (:where()), so a plain declaration or utility class overrides it without !important.

Lands thin

BankaiApp takes no props today. Its richer infra role — a single overlay/portal mount target, a toast host and an app-config context — arrives with the overlay foundation, when the overlay root it would provide first has consumers. Until then it ships only the surface, rather than a speculative empty API.

Props

This component has no props.

Emits

This component emits no events.

Slots

Slot	Description
`default`	The whole application — typically a BankaiLayout (or a standalone region shell) and its routes.

Exposes

This component exposes nothing on its instance.

Theming

This component defines no theme tokens — its styling is driven by props and utility classes.