-
-
Notifications
You must be signed in to change notification settings - Fork 174
Closed
Labels
bugSomething isn't workingSomething isn't working
Description
Describe the bug
Description
When using <BTooltip> or <BPopover> from bootstrap-vue-next, each instance appears as a separate "App" entry in Vue DevTools. This becomes problematic when using many tooltips or popovers on a page — DevTools is cluttered with hundreds of indistinguishable entries named simply "App".
This makes it very difficult to find the actual root app or debug anything meaningfully.
Expected behavior
Ideally, internal Vue apps created for tooltips/popovers should set a .name property (e.g., "BTooltipInternal" or "BPopoverInternal") when calling createApp. This way, Vue DevTools can label them accordingly, and they won't be confused with the real root app.
Steps to reproduce
- Use multiple
<BTooltip>or<BPopover>components in a Vue 3 app. - Open Vue DevTools.
- Observe the large number of "App" entries in the component tree.
Suggested fix
Set the name option when creating internal Vue apps for tooltips/popovers:
const app = createApp(PopoverComponent, props)
app._component.name = 'BPopoverInternal'Reproduction
Used Package Manager
npm
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't working