BAlert Migration ​

BAlert Migration ​

Summary ​

Migration notes for BAlert from BootstrapVue to BootstrapVueNext.

Affected APIs ​

• BAlert

Breaking Change ​

As in bootstrap-vue, a simple BAlert is not visible by default. However, the means of showing the alert are different.

The primary way to control alert visibility is via v-model (or model-value in props). In practice this means the old show.sync pattern maps cleanly to v-model, while the show and visible props remain available for controlling initial visibility. See Show and Hide shared properties for details.

<BAlert show dismissible>I am an alert!</BAlert>

becomes

<BAlert model-value dismissible>I am an alert!</BAlert>

For consistency with other component properties, slots, and events, BootstrapVueNext uses the term close where BootstrapVue used dismiss. The mappings are mechanical: dismissed becomes closed, the dismiss slot becomes the close slot, and dismissible alert flows move cleanly to the new close naming.

Migration Notes ​

• Extracted from the canonical BootstrapVue → BootstrapVueNext migration guide.
• Review related migrations for shared prop, event, and slot changes.

Safe Automatic Rewrite ​

Yes. This entry is mostly mechanical and can usually be rewritten automatically when the surrounding code matches the documented patterns.

Related Migrations ​

• show-hide