Fixed scroll component so it uses slot props instead of the depcrecated .

assets/js/main.js

@@ -1,6 +1,4 @@
-import Vue from 'vue';
-import VTooltip from 'v-tooltip';
-import VueLazyLoad from 'vue-lazyload';
+import { createApp } from 'vue';
 import dayjs from 'dayjs';
 
 import router from './router';
@@ -14,9 +12,11 @@ import '../css/style.scss';
 import Container from '../components/container/container.vue';
 import Icon from '../components/icon/icon.vue';
 import Footer from '../components/footer/footer.vue';
+import Tooltip from '../components/tooltip/tooltip.vue';
 
-function init() {
+async function init() {
 	const store = initStore(router);
+	const app = createApp(Container);
 
 	initUiObservers(store, router);
 
@@ -24,10 +24,17 @@ function init() {
 		store.dispatch('setSfw', true);
 	}
 
-	Vue.mixin({
+	app.use(store);
+	app.use(router);
+
+	await router.isReady();
+
+	app.mixin({
 		components: {
 			Icon,
 			Footer,
+			Tooltip,
+			'v-popover': Tooltip,
 		},
 		watch: {
 			pageTitle(title) {
@@ -47,23 +54,14 @@ function init() {
 		},
 	});
 
-	Vue.use(VTooltip, {
-		popover: {
-			defaultContainer: '.container',
+	app.directive('tooltip', {
+		beforeMount(el, binding) {
+			// console.log(binding.modifiers);
+			el.title = binding.value; // eslint-disable-line no-param-reassign
 		},
 	});
-	Vue.use(VueLazyLoad, {
-		throttleWait: 0,
-	});
 
-	new Vue({ // eslint-disable-line no-new
-		el: '#container',
-		store,
-		router,
-		render(createElement) {
-			return createElement(Container);
-		},
-	});
+	app.mount('#container');
 }
 
 init();