Bootstrap Vue & Axios is not working in component

[akhi-ninja]

My custom component have some bootstrap vue & Axios dependency like below

SearhResult.vue
<div class="process-step-over" data-toggle="tooltip" data-placement="top" :title="message3">{{data}}</div>

also i have some api calls to get data its working in inside vue app but when i try to load this component none of the bootstrap vue function are working also the axios is giving undefined

i am wrapping the component like this

window.customElements.define('search-result', SearhResultElement);

<search-result></search-result>

when i load axios 'https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.js' in the header api is working , i tried the same for bootstrap vue but its not working

can you please help me on this ?