(add) 「このページを編集」リンク

close #13

README.md

@@ -14,6 +14,10 @@ Release date: **TBD（未定）**
 
 `/content/.README.md` をご覧ください
 
+## NuxtLinkについて
+
+内部リンク・外部リンクに関する処理を強化した[`<GNuxtLink>`](./tree/master/components/g/NuxtLink.vue)を使用していますので、**リンクを追加する際は`<NuxtLink>`ではなく`<GNuxtLink>`を使用してください。**
+
 ## Setup
 
 Make sure to install the dependencies:

locales/ja-JP.yml

@@ -113,6 +113,9 @@ _docs:
   title: "ドキュメント"
   description: "Misskeyの上手なつかいかたから、サーバーの運営者・プログラムの開発者向けの情報まで網羅しています。"
   indexTitle: "目次ページ"
+  _contribute:
+    editThis: "このページを編集"
+    translateThis: "このページを翻訳"
   _aboutMisskey:
     title: "Misskeyについて"
     description: "Misskeyをはじめて知ったかたや、これから使うかた向け！基本的なしくみや機能を見ていきましょう。"

pages/docs/[...slug].vue

@@ -17,6 +17,10 @@
             <template v-if="data?.body">
                 <ContentRenderer v-if="data.body.children.length > 0" :value="data" class="markdown-body w-full mb-6">
                 </ContentRenderer>
+                <div class="mt-8 mb-4 flex flex-wrap justify-end gap-3">
+                    <div><GNuxtLink class="hover:underline underline-offset-4" target="_blank" :to="`https://github.com/misskey-dev/misskey-hub/tree/master/content/${data._file}`">{{ $t('_docs._contribute.editThis') }}<ExtIco class="ml-1" /></GNuxtLink></div>
+                    <div><GNuxtLink class="hover:underline underline-offset-4" target="_blank" to="https://crowdin.com/project/misskey-hub">{{ $t('_docs._contribute.translateThis') }}<ExtIco class="ml-1" /></GNuxtLink></div>
+                </div>
                 <DocsPrevNext :ignore-dir-based-nav="data?.ignoreDirBasedNav ?? false" />
             </template>
             <template v-else>
@@ -37,6 +41,7 @@
 
 <script setup lang="ts">
 import AsideNavIco from 'bi/text-indent-left.svg';
+import ExtIco from 'bi/box-arrow-up-right.svg';
 
 const isAsideNavOpen = useState<boolean>('miHub_docs_asideNav_openState', () => false);