Improved tooltip behavior and styling.

assets/js/main.js

@@ -1,5 +1,7 @@
 import { createApp, reactive } from 'vue';
 import dayjs from 'dayjs';
+import mitt from 'mitt';
+
 
 import router from './router';
 import initStore from './store';
@@ -17,6 +19,7 @@ import Tooltip from '../components/tooltip/tooltip.vue';
 async function init() {
 	const store = initStore(reactive(router));
 	const app = createApp(Container);
+	const events = mitt();
 
 	initUiObservers(store, router);
 
@@ -36,6 +39,11 @@ async function init() {
 			Tooltip,
 			'v-popover': Tooltip,
 		},
+		data() {
+			return {
+				events,
+			};
+		},
 		watch: {
 			pageTitle(title) {
 				if (title) {