ページのソースを見れるように

src/client/app/mobile/script.ts

@@ -146,7 +146,7 @@ init((launch, os) => {
 			{ path: '/i/drive/folder/:folder', component: MkDrive },
 			{ path: '/i/drive/file/:file', component: MkDrive },
 			{ path: '/i/pages/new', component: () => import('./views/pages/page-editor.vue').then(m => m.default) },
-			{ path: '/i/pages/edit/:page', props: true, component: () => import('./views/pages/page-editor.vue').then(m => m.default) },
+			{ path: '/i/pages/edit/:pageId', props: true, component: () => import('./views/pages/page-editor.vue').then(m => m.default) },
 			{ path: '/selectdrive', component: MkSelectDrive },
 			{ path: '/search', component: MkSearch },
 			{ path: '/tags/:tag', component: MkTag },
@@ -160,6 +160,7 @@ init((launch, os) => {
 				{ path: 'followers', component: () => import('../common/views/pages/followers.vue').then(m => m.default) },
 			]},
 			{ path: '/@:user/pages/:page', props: true, component: () => import('./views/pages/page.vue').then(m => m.default) },
+			{ path: '/@:user/pages/:pageName/view-source', props: true, component: () => import('./views/pages/page-editor.vue').then(m => m.default) },
 			{ path: '/notes/:note', component: MkNote },
 			{ path: '/authorize-follow', component: MkFollow },
 			{ path: '*', component: MkNotFound }

src/client/app/mobile/views/pages/page-editor.vue

@@ -1,7 +1,7 @@
 <template>
 <mk-ui>
 	<main>
-		<x-page-editor :page="page"/>
+		<x-page-editor v-if="page !== undefined" :page="page" :readonly="readonly"/>
 	</main>
 </mk-ui>
 </template>
@@ -15,9 +15,44 @@ export default Vue.extend({
 	},
 
 	props: {
-		page: {
+		pageId: {
 			type: String,
 			required: false
+		},
+		pageName: {
+			type: String,
+			required: false
+		},
+		user: {
+			type: String,
+			required: false
+		}
+	},
+
+	data() {
+		return {
+			page: undefined,
+			readonly: false
+		};
+	},
+
+	created() {
+		if (this.pageId) {
+			this.$root.api('pages/show', {
+				pageId: this.pageId,
+			}).then(page => {
+				this.page = page;
+			});
+		} else if (this.pageName && this.user) {
+			this.$root.api('pages/show', {
+				name: this.pageName,
+				username: this.user,
+			}).then(page => {
+				this.readonly = true;
+				this.page = page;
+			});
+		} else {
+			this.page = null;
 		}
 	}
 });