feat: move from life cycle to data or watcher

- remove from created / mounted
- initialize component services in data
- use immediate watcher where appropriate
- deep watch for route changes

src/components/notifications/notifications.vue

@@ -61,15 +61,12 @@ export default {
 	components: {User},
 	data() {
 		return {
-			notificationService: NotificationService,
+			notificationService: new NotificationService(),
 			allNotifications: [],
 			showNotifications: false,
 			interval: null,
 		}
 	},
-	created() {
-		this.notificationService = new NotificationService()
-	},
 	mounted() {
 		this.loadNotifications()
 		document.addEventListener('click', this.hidePopup)