diff --git a/src/client/components/notification-setting-window.vue b/src/client/components/notification-setting-window.vue
index cc00cf3bd5..9c9a5c57db 100644
--- a/src/client/components/notification-setting-window.vue
+++ b/src/client/components/notification-setting-window.vue
@@ -61,7 +61,7 @@ export default defineComponent({
 		this.useGlobalSetting = this.includingTypes === null && this.showGlobalToggle;
 
 		for (const type of this.notificationTypes) {
-			Vue.set(this.typesMap, type, this.includingTypes === null || this.includingTypes.includes(type));
+			this.typesMap[type] = this.includingTypes === null || this.includingTypes.includes(type);
 		}
 	},
 
diff --git a/src/client/pages/my-settings/index.vue b/src/client/pages/my-settings/index.vue
index 25c1afa1f0..57e5f90f08 100644
--- a/src/client/pages/my-settings/index.vue
+++ b/src/client/pages/my-settings/index.vue
@@ -116,10 +116,10 @@ export default defineComponent({
 
 		async configure() {
 			const includingTypes = notificationTypes.filter(x => !this.$store.state.i.mutingNotificationTypes.includes(x));
-			os.modal(await import('@/components/notification-setting-window.vue'), {
+			os.modal(await import('@/components/notification-setting-window.vue').then(x => x.default), {
 				includingTypes,
 				showGlobalToggle: false,
-			}).$on('ok', async ({ includingTypes: value }: any) => {
+			}).then(async ({ includingTypes: value }: any) => {
 				await os.api('i/update', {
 					mutingNotificationTypes: notificationTypes.filter(x => !value.includes(x)),
 				}).then(i => {