hide tooltips on route change

layouts/default.vue

@@ -77,6 +77,14 @@ export default {
 		this.$nuxt.$on("changeRoute", (breadcrumb) => {
 			this.breadcrumb = breadcrumb
 		})
+	},
+	watch: {
+		$route(to, from) {
+			let tooltips = document.querySelectorAll(".tooltip.show")
+			tooltips.forEach((tooltip) => {
+				tooltip.classList.remove("show")
+			})
+		}
 	}
 }
 </script>

plugins/bootstrap.js

@@ -29,7 +29,6 @@ Vue.directive("tooltip", function (el, binding, vnode) {
 
 		vnode.context.$nextTick(() => {
 			var x = new MutationObserver(function (e) {
-				console.log(e)
 				if (e[0].removedNodes) tooltip.hide()
 			});