diff --git a/public/js/components/Bootstrap/Alert.js b/public/js/components/Bootstrap/Alert.js index 075c9cf86..9afcfe475 100644 --- a/public/js/components/Bootstrap/Alert.js +++ b/public/js/components/Bootstrap/Alert.js @@ -1,6 +1,7 @@ import BsModal from './Modal.js'; export default { + name: 'BootstrapAlert', components: { BsModal }, diff --git a/public/js/components/Bootstrap/Confirm.js b/public/js/components/Bootstrap/Confirm.js index 7a6f74b15..a56885473 100644 --- a/public/js/components/Bootstrap/Confirm.js +++ b/public/js/components/Bootstrap/Confirm.js @@ -1,6 +1,7 @@ import BsAlert from './Alert.js'; export default { + name: 'BootstrapConfirm', mixins: [ BsAlert ], diff --git a/public/js/components/Bootstrap/Modal.js b/public/js/components/Bootstrap/Modal.js index 5232d4b35..e08bf7526 100644 --- a/public/js/components/Bootstrap/Modal.js +++ b/public/js/components/Bootstrap/Modal.js @@ -1,6 +1,7 @@ //import Phrasen from '../../plugin/Phrasen.js'; export default { + name: 'BootstrapModal', data: () => ({ modal: null }), @@ -77,6 +78,7 @@ export default { return new Promise((resolve,reject) => { const instance = Vue.createApp({ + name: 'ModalTmpApp', setup() { return () => Vue.h(BsModal, {...{ class: 'fade' @@ -105,8 +107,11 @@ export default { } //instance.use(Phrasen); // TODO(chris): find a more dynamic way - instance.mount(wrapper); - document.body.appendChild(wrapper); + import('../../plugins/Phrasen.js').then((Phrasen) => { + instance.use(Phrasen.default); + instance.mount(wrapper); + document.body.appendChild(wrapper); + }); }); }, template: `