# Bootstrap Vue

> Use this skill when building or migrating Vue 3 UIs with BootstrapVueNext, especially for BApp setup, component usage, composables, directives, router links, Nuxt integration, and BootstrapVue migration.

- Skill: `aaronflorey/bootstrap-vue` (Agent Skill, multi-file: 98 files)
- Install (CLI): `npx skillmds@latest add aaronflorey/bootstrap-vue`
- Raw SKILL.md: https://api.skillmd.com/api/skills/aaronflorey/bootstrap-vue/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- License: MIT
- Author: aaronflorey (https://skillmd.com/u/aaronflorey)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/aaronflorey/bootstrap-vue

---

# BootstrapVueNext

Use this skill when you need to:

- Install and wire up BootstrapVueNext in a Vue 3 app.
- Choose between the recommended `BApp` setup and the legacy `createBootstrap` plugin.
- Use BootstrapVueNext components, composables, directives, and router-aware links correctly.
- Configure global defaults, styling, tree-shaking, Nuxt support, or TypeScript-related setup.
- Migrate from BootstrapVue to BootstrapVueNext on Vue 3 and Bootstrap 5.

## Start Here

- `references/getting-started.md`: install, required setup, auto-registration, Nuxt, TypeScript, CDN, tree-shaking.
- `references/core-patterns.md`: `BApp`, `createBootstrap`, composables, directives, defaults, styling, and type patterns.
- `references/api-reference.md`: where to find component, composable, directive, reference, and types docs.
- `references/integrations-plugins.md`: Nuxt, router links, icon setup, component auto-import, and related integrations.
- `references/testing-debugging.md`: testing setup for composables and accessibility checks. No dedicated debugging guide is present in the extracted docs.
- `references/upgrades.md`: migration guidance and notable BootstrapVue to BootstrapVueNext changes.

## Retrieval Guide

- For app bootstrapping or install questions, start with `references/getting-started.md`.
- For modal, toast, popover, color mode, or toggle behavior, use `references/core-patterns.md` and then the specific composable or directive page in `references/documentation/overview/`.
- For component-specific props, slots, examples, or CSS hooks, go directly to the matching file under `references/documentation/overview/bootstrap-vue-next-docs-components-*.md`.
- For routing, Nuxt, icons, or auto-registration, use `references/integrations-plugins.md`.
- For migration work, read `references/upgrades.md` first, then `references/documentation/overview/bootstrap-vue-next-docs-migration-guide.md`.

## Detailed Sources

- Mirrored docs index: `references/documentation/overview/index.md`
- Component catalog: `references/documentation/overview/bootstrap-vue-next-docs-components.md`
- Composables catalog: `references/documentation/overview/bootstrap-vue-next-docs-composables.md`
- Directives catalog: `references/documentation/overview/bootstrap-vue-next-docs-directives.md`
- Reference catalog: `references/documentation/overview/bootstrap-vue-next-docs-reference.md`
- Types catalog: `references/documentation/overview/bootstrap-vue-next-docs-types.md`

Use the compact reference files first for retrieval, then open the mirrored page docs for exact props, examples, and edge cases.