Dump bootstrap-vue-next integration package, use regular bootstrap

This commit is contained in:
Riyyi
2025-03-31 17:35:39 +02:00
parent 86e08604dd
commit 8c68390c07
7 changed files with 64 additions and 86 deletions
+14 -1
View File
@@ -6,9 +6,22 @@
</template>
<script setup lang="ts">
const bootstrap = useNuxtApp().$bootstrap;
useHead({
titleTemplate: (titleChunk: string): string => {
titleTemplate: (titleChunk: string | undefined): string | null => {
return titleChunk ? `${titleChunk} - website-vue` : 'website-vue';
}
})
// Access bootstrap after the DOM is ready
onMounted(() => {
// Initialize popovers
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
// Initialize tooltips
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
});
</script>