From a10236540888bd5097c3f62bc4f669b79589b8dc Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sat, 15 Feb 2020 00:27:53 +0900
Subject: [PATCH] Improve doc page

---
 locales/ja-JP.yml        |  1 +
 src/client/pages/doc.vue | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index ae4f76f3d..1751bc9f8 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -396,6 +396,7 @@ disableAnimatedMfm: "動きのあるMFMを無効にする"
 doing: "やっています"
 category: "カテゴリ"
 tags: "タグ"
+docSource: "このドキュメントのソース"
 
 _ago:
   unknown: "謎"
diff --git a/src/client/pages/doc.vue b/src/client/pages/doc.vue
index 3a92b7adf..e0db5a374 100644
--- a/src/client/pages/doc.vue
+++ b/src/client/pages/doc.vue
@@ -3,9 +3,13 @@
 	<portal to="icon"><fa :icon="faFileAlt"/></portal>
 	<portal to="title">{{ title }}</portal>
 	<main class="_card">
+		<div class="_title"><fa :icon="faFileAlt"/> {{ title }}</div>
 		<div class="_content">
 			<div v-html="body" class="qyqbqfal"></div>
 		</div>
+		<div class="_footer">
+			<mk-link :url="`https://github.com/syuilo/misskey/blob/master/src/docs/${doc}.ja-JP.md`" class="at">{{ $t('docSource') }}</mk-link>
+		</div>
 	</main>
 </div>
 </template>
@@ -14,19 +18,27 @@
 import Vue from 'vue';
 import { faFileAlt } from '@fortawesome/free-solid-svg-icons'
 import MarkdownIt from 'markdown-it';
+import i18n from '../i18n';
 import { url, lang } from '../config';
+import MkLink from '../components/link.vue';
 
 const markdown = MarkdownIt({
 	html: true
 });
 
 export default Vue.extend({
+	i18n,
+
 	metaInfo() {
 		return {
 			title: this.title,
 		};
 	},
 
+	components: {
+		MkLink
+	},
+
 	props: {
 		doc: {
 			type: String,