Subscribe on changes!

Bootstrap components code is not getting converted into HTML.

avatar
Dec 19th 2022

Vue version

3.2.45

Link to minimal reproduction

https://github.com/DivakarSS/WebComponents

Steps to reproduce

The issue is that bootstrap components are not getting converted into HTML.

Please click on the attached repo link and run demo.html file that is present in dist folder. It is generated using the following cmd:

vue-cli-service build --mode production --modern --target lib --inline-vue --name vue-select ./src/main.ts

What is expected?

Bootstrap component is supposed to be converted into HTML.

What is actually happening?

Bootstrap components remains the same in dist files. Compilation is not happening.

image

System Info

No response

Any additional comments?

Please let us know if we are missing anything.

avatar
Dec 19th 2022

Because this line does nothing:

https://github.com/DivakarSS/WebComponents/blob/main/src/vselect-test1.vue#L21

You register bootstrap-vue on a throwaway app instance. That won't make it work in the component that you do that in.

You can't register plugins with Vue web components, at least not yet, without hacks.

avatar
Dec 19th 2022

You should however be able to use this library's components without registering the plugin by using the unplugin-vue-components plugin (which also works with webpack). Check their docs, open an issue there.