From 99a3bd00cfc69f379747098699e99d3ecd5fac63 Mon Sep 17 00:00:00 2001
From: Riyyi <riyyi3@gmail.com>
Date: Wed, 2 Apr 2025 23:02:28 +0200
Subject: [PATCH] Ugh..

---
 src/components/content/ProsePre.vue | 3 +++
 src/stores/stateStore.ts            | 7 ++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/content/ProsePre.vue b/src/components/content/ProsePre.vue
index 29703fe..522cf62 100644
--- a/src/components/content/ProsePre.vue
+++ b/src/components/content/ProsePre.vue
@@ -34,9 +34,11 @@ button.copy:hover {
 </style>
 
 <script setup lang="ts">
+import { useStateStore } from "@/stores/stateStore";
 import { nextTick, ref, watch } from "vue"
 
 const bootstrap = useNuxtApp().$bootstrap;
+const store = useStateStore();
 
 defineProps({
 	code: {
@@ -89,6 +91,7 @@ watch(copied, (newValue, oldValue) => {
 		if (newValue) {
 			// Ensure the DOM is updated before executing
 			nextTick(() => {
+				store.clearBootstrap();
 				// @ts-ignore
 				stickyTooltip.value = new bootstrap.Tooltip(stickyTooltipElement.value, { trigger: "manual" });
 				stickyTooltip.value.show();
diff --git a/src/stores/stateStore.ts b/src/stores/stateStore.ts
index e371728..ed270ec 100644
--- a/src/stores/stateStore.ts
+++ b/src/stores/stateStore.ts
@@ -28,7 +28,12 @@ export const useStateStore = defineStore("state", () => {
 		tooltipList.value = [...tooltipTriggerList].map(tooltip => new bootstrap.Tooltip(tooltip));
 	};
 
-	return { colorMode, toggleColorMode, initBootstrap }
+	const clearBootstrap = (): void => {
+		popoverList.value.forEach(popover => popover.dispose());
+		tooltipList.value.forEach(tooltip => tooltip.dispose());
+	};
+
+	return { colorMode, toggleColorMode, initBootstrap, clearBootstrap }
 }, {
 	persist: process.env.NODE_ENV === 'development' ? true : false,
 })