From b2d4eeb43bc75b09155d9a4a8d8109c109a5b16c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=93=E3=81=B4=E3=81=AA=E3=81=9F=E3=81=BF=E3=81=BD?=
 <syuilotan@yahoo.co.jp>
Date: Fri, 16 Feb 2018 15:52:28 +0900
Subject: [PATCH] wip

---
 .../app/mobile/tags/page/notifications.tag    | 39 -------------------
 .../app/mobile/views/pages/notification.vue   | 31 +++++++++++++++
 2 files changed, 31 insertions(+), 39 deletions(-)
 delete mode 100644 src/web/app/mobile/tags/page/notifications.tag
 create mode 100644 src/web/app/mobile/views/pages/notification.vue

diff --git a/src/web/app/mobile/tags/page/notifications.tag b/src/web/app/mobile/tags/page/notifications.tag
deleted file mode 100644
index 169ff029b..000000000
--- a/src/web/app/mobile/tags/page/notifications.tag
+++ /dev/null
@@ -1,39 +0,0 @@
-<mk-notifications-page>
-	<mk-ui ref="ui">
-		<mk-notifications ref="notifications"/>
-	</mk-ui>
-	<style lang="stylus" scoped>
-		:scope
-			display block
-	</style>
-	<script lang="typescript">
-		import ui from '../../scripts/ui-event';
-		import Progress from '../../../common/scripts/loading';
-
-		this.mixin('api');
-
-		this.on('mount', () => {
-			document.title = 'Misskey | %i18n:mobile.tags.mk-notifications-page.notifications%';
-			ui.trigger('title', '%fa:R bell%%i18n:mobile.tags.mk-notifications-page.notifications%');
-			document.documentElement.style.background = '#313a42';
-
-			ui.trigger('func', () => {
-				this.readAll();
-			}, '%fa:check%');
-
-			Progress.start();
-
-			this.$refs.ui.refs.notifications.on('fetched', () => {
-				Progress.done();
-			});
-		});
-
-		this.readAll = () => {
-			const ok = window.confirm('%i18n:mobile.tags.mk-notifications-page.read-all%');
-
-			if (!ok) return;
-
-			this.$root.$data.os.api('notifications/mark_as_read_all');
-		};
-	</script>
-</mk-notifications-page>
diff --git a/src/web/app/mobile/views/pages/notification.vue b/src/web/app/mobile/views/pages/notification.vue
new file mode 100644
index 000000000..03d8b6cad
--- /dev/null
+++ b/src/web/app/mobile/views/pages/notification.vue
@@ -0,0 +1,31 @@
+<template>
+<mk-ui :func="fn" func-icon="%fa:check%">
+	<span slot="header">%fa:R bell%%i18n:mobile.tags.mk-notifications-page.notifications%</span>
+	<mk-notifications @fetched="onFetched"/>
+</mk-ui>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import Progress from '../../../common/scripts/loading';
+
+export default Vue.extend({
+	mounted() {
+		document.title = 'Misskey | %i18n:mobile.tags.mk-notifications-page.notifications%';
+		document.documentElement.style.background = '#313a42';
+
+		Progress.start();
+	},
+	methods: {
+		fn() {
+			const ok = window.confirm('%i18n:mobile.tags.mk-notifications-page.read-all%');
+			if (!ok) return;
+
+			this.$root.$data.os.api('notifications/mark_as_read_all');
+		},
+		onFetched() {
+			Progress.done();
+		}
+	}
+});
+</script>