Injecting Bootstrap JS

Some components use Bootstrap for some interactive functionality. However, _getting_ the js inside a Vue component is somewhat tricky.

If it's directly imported, the entire BS-JS gets bundled in, which breaks any apps already supplying their own version. (Not to mention the inflated bundle size). To complicate matters, not every app provided Bootstrap in the same way; some just load in the JS file in the HTML head, others import as a Vue plugin.

I'm not entirely sure how to approach this, I'll need a good testcase for both usecases. I have one for the first, but the second might be tricky.

Hopefully just marking it as external dep in Vite works.

No file, test path, or entry point is named. Start by reviewing the existing Vue component setup and Vite dependency configuration, then compare the two Bootstrap loading cases described in the issue. Done means both cases have tests and Bootstrap is not bundled redundantly.

Written by the indexing model from the issue text.