翻訳貢献者の credit 掲載ページを追加

src/.vuepress/components/guide/contributing/translator/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <div class="translator">
+      <h2>ドキュメントの翻訳協力者</h2>
+
+      <p>
+        日々アップデートされる Vue 公式ドキュメントの翻訳は、Vue.js 日本ユーザーグループの協力でできています。
+      </p>
+
+      <div class="vuers">
+        <VuerProfileLite v-for="profile in members" :key="profile.name" :profile="profile"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import members from './members'
+
+export default {
+  components: {
+    VuerProfileLite: () => import('./vuer-profile-lite')
+  },
+
+  data: () => ({
+    members
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.vuers {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+</style>

src/.vuepress/components/guide/contributing/translator/members.js

@@ -0,0 +1,277 @@
+import { shuffle } from 'lodash'
+
+const members = [
+  {
+    name: 'Kazupon',
+    github: 'kazupon'
+  }
+].concat(
+  shuffle([
+    {
+      name: 'Naoki Endoh',
+      github: 'naokie'
+    },
+    {
+      name: 'Takuma HANATANI',
+      github: 'potato4d'
+    },
+    {
+      name: 'k.natsumi',
+      github: 'Katakuranatsumi'
+    },
+    {
+      name: 'daisuke',
+      github: 'daisuke85a'
+    },
+    {
+      name: 'harapeko',
+      github: 'harapeko'
+    },
+    {
+      name: 'kazuhiro nakata',
+      github: 'nalpan'
+    },
+    {
+      name: 'ryo',
+      github: 'kawamataryo'
+    },
+    {
+      name: 'ryo',
+      github: 'ryoAccount'
+    },
+    {
+      name: 't0yohei',
+      github: 't0yohei'
+    },
+    {
+      name: 'Xuesu Li',
+      github: 'resessh'
+    },
+    {
+      name: 'masanarih0ri',
+      github: 'masanarih0ri'
+    },
+    {
+      name: 'numa',
+      github: 'aytdm'
+    },
+    {
+      name: 'Makoto Nakagawa',
+      github: 'n-makoto'
+    },
+    {
+      name: 'Jun Shindo',
+      github: 'jay-es'
+    },
+    {
+      name: 'Shohei Kai',
+      github: 'Shohei-Japan'
+    },
+    {
+      name: 'shimadev',
+      github: 'shimadev'
+    },
+    {
+      name: 'tunamagur0',
+      github: 'tunamagur0'
+    },
+    {
+      name: 'u-sho (Shouhei Uechi)',
+      github: 'u-sho'
+    },
+    {
+      name: 'Fukuda Naoto',
+      github: 'fuku710'
+    },
+    {
+      name: 'yaegassy',
+      github: 'yaegassy'
+    },
+    {
+      name: 'ryota kise',
+      github: 'mmmommm'
+    },
+    {
+      name: 'Kazumi Inada',
+      github: 'nandenjin'
+    },
+    {
+      name: 'Ryo Nakamura',
+      github: 'RyoNkmr'
+    },
+    {
+      name: 'Nozomu Ikuta',
+      github: 'NozomuIkuta'
+    },
+    {
+      name: 'bobstrange',
+      github: 'bobstrange'
+    },
+    {
+      name: 'Kazuhiro Ebara',
+      github: 'ebarakazuhiro'
+    },
+    {
+      name: 'DuGlaser',
+      github: 'DuGlaser'
+    },
+    {
+      name: 'みかかね',
+      github: 'mikakane'
+    },
+    {
+      name: 'unbyte',
+      github: 'unbyte'
+    },
+    {
+      name: 'wonderful-panda',
+      github: 'wonderful-panda'
+    },
+    {
+      name: 'konu96',
+      github: 'konu96'
+    },
+    {
+      name: 'TAKUYA ENDO',
+      github: 'entaku0818'
+    },
+    {
+      name: 'HomMarkHunt',
+      github: 'HomMarkHunt'
+    },
+    {
+      name: 'okabeeeat',
+      github: 'bake0937'
+    },
+    {
+      name: 'K.Hayashi',
+      github: 'kou1127h'
+    },
+    {
+      name: 'Yuki Tsujimoto',
+      github: 'ytsujiii'
+    },
+    {
+      name: 'Yuki Terashima',
+      github: 'y-temp4'
+    },
+    {
+      name: 'Shuma Shinozaki',
+      github: 'shinoshu'
+    },
+    {
+      name: 'Takumi Kakuda',
+      github: 'takumiz19'
+    },
+    {
+      name: 'fussy113',
+      github: 'fussy113'
+    },
+    {
+      name: 'Noriaki Yamada',
+      github: 'noliaki'
+    },
+    {
+      name: 'Yoshiharu Hirose',
+      github: 'yh1224'
+    },
+    {
+      name: 'Masa-Shin',
+      github: 'Masa-Shin'
+    },
+    {
+      name: 'Akari Nakamura',
+      github: 'an-0305'
+    },
+    {
+      name: 'Mitsuo Utano',
+      github: 'utano320'
+    },
+    {
+      name: 'Ryo_gk',
+      github: 'ryo-gk'
+    },
+    {
+      name: 'Toru Eguchi',
+      github: 'egurinko'
+    },
+    {
+      name: 'Kazuma Matsumoto',
+      github: 'mtmtkzm'
+    },
+    {
+      name: 'Masaki Koyanagi',
+      github: 'mascii'
+    },
+    {
+      name: 'Tadao ISEKI',
+      github: 'saitolume'
+    },
+    {
+      name: 'Hiroki Kawaguchi',
+      github: 'krabben16'
+    },
+    {
+      name: 'Amon Keishima',
+      github: 'Pittan'
+    },
+    {
+      name: 'R.D.Sakamoto',
+      github: 'Skmt3P'
+    },
+    {
+      name: 'Okuto Oyama',
+      github: 'yamanoku'
+    },
+    {
+      name: 'Hassan',
+      github: 'yuta17'
+    },
+    {
+      name: 'YukiOta',
+      github: 'YukiOta'
+    },
+    {
+      name: 'ushironoko',
+      github: 'ushironoko'
+    },
+    {
+      name: 'Kohei Tsuchiya',
+      github: 'tutti2612'
+    },
+    {
+      name: 'nagamaaaaachi',
+      github: 'Nag729',
+    },
+    {
+      name: 'colorbox',
+      github: 'colorbox',
+    },
+    {
+      name: 'nesso',
+      github: 'nesso-pfl',
+    },
+    {
+      name: 'seiyamiyaoka',
+      github: 'seiyamiyaoka',
+    },
+    {
+      name: 'oppara',
+      github: 'oppara',
+    },
+    {
+      name: 'ktr1204',
+      github: 'ktr1204',
+    },
+    {
+      name: 'Hideaki Matsunami',
+      github: 'mahaker',
+    },
+    {
+      name: 'kohei ikeda',
+      github: 'kikd',
+    }
+  ])
+)
+
+export default members

src/.vuepress/components/guide/contributing/translator/vuer-profile-lite.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="vuer">
+    <a class="avatar" :href="generateGithubUrl(profile.github)" target="_blank">
+      <img v-if="profile.imageUrl"
+        :src="profile.imageUrl"
+        :alt="profile.name" width=80 height=80>
+      <img v-else-if="profile.github"
+        :src="`https://github.com/${profile.github}.png`"
+        :alt="profile.name" width=80 height=80>
+      <img v-else-if="profile.twitter"
+        :src="`https://avatars.io/twitter/${profile.twitter}`"
+        :alt="profile.name" width=80 height=80>
+    </a>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    profile: Object
+  },
+
+  methods: {
+    generateGithubUrl: (handle) => {
+      return `https://github.com/${handle}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.vuer {
+  padding: 10px;
+}
+
+.avatar {
+  display: block;
+  flex: 0 0 80px;
+
+  img {
+    border-radius: 50%;
+    object-fit: cover;
+    vertical-align: top;
+  }
+}
+</style>

src/.vuepress/config.js

@@ -231,7 +231,8 @@ const sidebar = {
       children: [
         '/guide/contributing/writing-guide',
         '/guide/contributing/doc-style-guide',
-        '/guide/contributing/translations'
+        '/guide/contributing/translations',
+        '/guide/contributing/ja-translators'
       ]
     }
   ]

src/guide/contributing/ja-translators.md

@@ -0,0 +1,3 @@
+# 日本語翻訳者
+
+<guide-contributing-translator-index/>