feat(app): De-/Initialize tooltips for page navigation

Author: pan93412

assets/app/index.ts

@@ -1,2 +1,19 @@
-import "bootstrap";
+import * as bootstrap from "bootstrap";
 import "./bootstrap.ts";
+
+/**
+ * Initialize tooltips of Bootstrap
+ */
+document.addEventListener("turbo:load", () => {
+  const tooltipTriggerList = document.querySelectorAll("[data-bs-toggle=\"tooltip\"]");
+  const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
+
+  // Destroy tooltips on navigating to a new page
+  document.addEventListener("turbo:before-visit", () => {
+    for (const tooltip of tooltipList) {
+      tooltip.dispose();
+    }
+  }, {
+    once: true,
+  });
+});