wip

src/client/components/analog-clock.vue

@@ -128,7 +128,7 @@ export default defineComponent({
 		});
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.enabled = false;
 	},
 

src/client/components/autocomplete.vue

@@ -191,7 +191,7 @@ export default defineComponent({
 		});
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.textarea.removeEventListener('keydown', this.onKeydown);
 
 		for (const el of Array.from(document.querySelectorAll('body *'))) {

src/client/components/captcha.vue

@@ -89,7 +89,7 @@ export default defineComponent({
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.reset();
 	},
 

src/client/components/deck/column.vue

@@ -112,7 +112,7 @@ export default defineComponent({
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		if (!this.isMainColumn) {
 			this.$root.$off('deck.column.dragStart', this.onOtherDragStart);
 			this.$root.$off('deck.column.dragEnd', this.onOtherDragEnd);

src/client/components/dialog.vue

@@ -147,7 +147,7 @@ export default defineComponent({
 		document.addEventListener('keydown', this.onKeydown);
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		document.removeEventListener('keydown', this.onKeydown);
 	},
 

src/client/components/drive.vue

@@ -165,7 +165,7 @@ export default defineComponent({
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.dispose();
 		this.ilFilesObserver.disconnect();
 	},

src/client/components/follow-button.vue

@@ -75,7 +75,7 @@ export default defineComponent({
 		this.connection.on('unfollow', this.onFollowChange);
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.dispose();
 	},
 

src/client/components/header-clock.vue

@@ -49,7 +49,7 @@ export default defineComponent({
 		this.tick();
 		this.clock = setInterval(this.tick, 1000);
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		clearInterval(this.clock);
 	},
 	methods: {

src/client/components/media-list.vue

@@ -47,7 +47,7 @@ export default defineComponent({
 		this.size();
 		window.addEventListener('resize', this.size);
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		window.removeEventListener('resize', this.size);
 	},
 	activated() {

src/client/components/mini-chart.vue

@@ -65,7 +65,7 @@ export default defineComponent({
 		// Vueが何故かWatchを発動させない場合があるので
 		this.clock = setInterval(this.draw, 1000);
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		clearInterval(this.clock);
 	},
 	methods: {

src/client/components/note.vue

@@ -293,7 +293,7 @@ export default defineComponent({
 		this.noteBody = this.$refs.noteBody;
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.decapture(true);
 
 		if (this.$store.getters.isSignedIn) {

src/client/components/notification.vue

@@ -117,7 +117,7 @@ export default defineComponent({
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		if (!this.notification.isRead) {
 			this.readObserver.unobserve(this.$el);
 			this.connection.dispose();

src/client/components/notifications.vue

@@ -79,7 +79,7 @@ export default defineComponent({
 		this.connection.on('notification', this.onNotification);
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.dispose();
 	},
 

src/client/components/page/page.vue

@@ -71,7 +71,7 @@ export default defineComponent({
 		});
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		if (this.hpml.aiscript) this.hpml.aiscript.abort();
 	},
 });

src/client/components/stream-indicator.vue

@@ -26,7 +26,7 @@ export default defineComponent({
 	created() {
 		os.stream.on('_disconnected_', this.onDisconnected);
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		os.stream.off('_disconnected_', this.onDisconnected);
 	},
 	methods: {

src/client/components/time.vue

@@ -55,7 +55,7 @@ export default defineComponent({
 			this.tickId = window.requestAnimationFrame(this.tick);
 		}
 	},
-	destroyed() {
+	unmounted() {
 		if (this.mode === 'relative' || this.mode === 'detail') {
 			window.clearTimeout(this.tickId);
 		}

src/client/components/url-preview.vue

@@ -136,7 +136,7 @@ export default defineComponent({
  		},
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		(window as any).removeEventListener('message', this.adjustTweetHeight);
 	},
 });

src/client/pages/instance/index.queue-chart.vue

@@ -154,7 +154,7 @@ export default defineComponent({
 		this.connection.on('statsLog', this.onStatsLog);
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.off('stats', this.onStats);
 		this.connection.off('statsLog', this.onStatsLog);
 	},

src/client/pages/instance/index.vue

@@ -534,7 +534,7 @@ export default defineComponent({
 		});
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.off('stats', this.onStats);
 		this.connection.off('statsLog', this.onStatsLog);
 		this.connection.dispose();

src/client/pages/instance/queue.chart.vue

@@ -156,7 +156,7 @@ export default defineComponent({
 		this.connection.on('statsLog', this.onStatsLog);
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.off('stats', this.onStats);
 		this.connection.off('statsLog', this.onStatsLog);
 	},

src/client/pages/instance/queue.vue

@@ -52,7 +52,7 @@ export default defineComponent({
 		});
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.dispose();
 	},
 

src/client/pages/messaging/index.vue

@@ -78,7 +78,7 @@ export default defineComponent({
 		});
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.dispose();
 	},
 

src/client/pages/messaging/messaging-room.vue

@@ -88,7 +88,7 @@ export default defineComponent({
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.dispose();
 
 		document.removeEventListener('visibilitychange', this.onVisibilitychange);

src/client/pages/room/room.vue

@@ -158,7 +158,7 @@ export default defineComponent({
 		}
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		room.destroy();
 		window.removeEventListener('beforeunload', this.beforeunload);
 	},

src/client/pages/theme-editor.vue

@@ -124,7 +124,7 @@ export default defineComponent({
 		},
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		window.removeEventListener('beforeunload', this.beforeunload);
 	},
 

src/client/pages/user/index.vue

@@ -171,7 +171,7 @@ export default defineComponent({
 
 	mounted() {
 		window.requestAnimationFrame(this.parallaxLoop);
-		this.$once('hook:beforeDestroy', () => {
+		this.$once('hook:beforeUnmount', () => {
 			window.cancelAnimationFrame(this.parallaxAnimationId);
 		});
 	},

src/client/scripts/paging.ts

@@ -70,7 +70,7 @@ export default (opts) => ({
 		});
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		this.ilObserver.disconnect();
 		if (this.$refs.loadMore) this.loadMoreElement.removeEventListener('click', this.fetchMore);
 	},

src/client/widgets/calendar.vue

@@ -66,7 +66,7 @@ export default defineComponent({
 		this.tick();
 		this.clock = setInterval(this.tick, 1000);
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		clearInterval(this.clock);
 	},
 	methods: {

src/client/widgets/digital-clock.vue

@@ -55,7 +55,7 @@ export default defineComponent({
 			this.clock = setInterval(this.tick, this.props.showMs ? 10 : 1000);
 		}, { immediate: true });
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		clearInterval(this.clock);
 	},
 	methods: {

src/client/widgets/federation.vue

@@ -65,7 +65,7 @@ export default defineComponent({
 		this.fetch();
 		this.clock = setInterval(this.fetch, 1000 * 60);
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		clearInterval(this.clock);
 	},
 	methods: {

src/client/widgets/photos.vue

@@ -62,7 +62,7 @@ export default defineComponent({
 			this.fetching = false;
 		});
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		this.connection.dispose();
 	},
 	methods: {

src/client/widgets/rss.vue

@@ -51,7 +51,7 @@ export default defineComponent({
 		this.clock = setInterval(this.fetch, 60000);
 		this.$watch(() => this.props.url, this.fetch);
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		clearInterval(this.clock);
 	},
 	methods: {

src/client/widgets/trends.vue

@@ -51,7 +51,7 @@ export default defineComponent({
 		this.fetch();
 		this.clock = setInterval(this.fetch, 1000 * 60);
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		clearInterval(this.clock);
 	},
 	methods: {