Refactor

src/client/components/notification.vue

@@ -91,21 +91,23 @@ export default Vue.extend({
 			followRequestDone: false,
 			groupInviteDone: false,
 			connection: null,
-			readObserver: new IntersectionObserver((entries, observer) => {
+			readObserver: null,
+			faIdCardAlt, faPlus, faQuoteLeft, faQuoteRight, faRetweet, faReply, faAt, faClock, faCheck, faPollH
+		};
+	},
+
+	mounted() {
+		if (!this.notification.isRead ) {
+			this.readObserver = new IntersectionObserver((entries, observer) => {
 				if (!entries.some(entry => entry.isIntersecting)) return;
 				this.$root.stream.send('readNotification', {
 					id: this.notification.id
 				});
 				entries.map(({ target }) => observer.unobserve(target));
-			}),
-			faIdCardAlt, faPlus, faQuoteLeft, faQuoteRight, faRetweet, faReply, faAt, faClock, faCheck, faPollH
-		};
-	},
+			})
 
-	mounted() {
-		if (!this.notification.isRead) {
 			this.readObserver.observe(this.$el);
-			
+
 			this.connection = this.$root.stream.useSharedConnection('main');
 			this.connection.on('readAllNotifications', () => this.readObserver.unobserve(this.$el));
 		}