sync with upstream vuepress files (#326)

* feature: add svg diagrams

vuejs/docs@6da1feb#diff-8bf729ffe074caee622c02928173467e658e19e28233cff8a445819e3cae4d50

* chore: replace node-sass with sass

vuejs/docs@4883478#diff-7ae45ad102eab3b6d7e7896acd08c427a9b25b346470d7bc6507b6481575d519

* Restore search page

vuejs/docs@8b9ab51

* fix: images and styling for one-time donation buttons

vuejs/docs@3358c48#diff-df1dc62833f1d4ccd63808b526e3153c136977060259703ae1b924a1938f70e3

* feat: migration badges support i18n

vuejs/docs@6515388#diff-425d4afa20a463b4b7779c2ac75cd02e954aac105225b1a9090909f43a829db9

* docs: add translations guide

vuejs/docs@8188362

* French translation

vuejs/docs@e95dc4c#diff-e1d39a62d895701f1769ac79f859ee2ca5deef04fd8f90d5d5bfda203d659df9

* docs: Russian translation

vuejs/docs@9c0ccea#diff-e1d39a62d895701f1769ac79f859ee2ca5deef04fd8f90d5d5bfda203d659df9

* chore: sync with upstream vuepress files

* docs: translate readme.md

* Update the GitHub repo link to vue-next

vuejs/docs@9080882

* Update README.md

vuejs/docs@61274b0#diff-e1d5879ce3e222eb0cdd43051fb8c34c00796467acb091d0b3fa939ee3355cb5

Author: naokie

README.md

@@ -1,31 +1,31 @@
-# v3.vuejs.org
+# v3.ja.vuejs.org
 
-This site is built with [VuePress](https://vuepress.vuejs.org/). Site content is written in Markdown format located in `src`.
+このサイトは [VuePress](https://vuepress.vuejs.org/) で構築されています。サイトのコンテンツは `src` ディレクトリにあるマークダウンフォーマットで書かれています。
 
-## Writing
+## 執筆する
 
-See the [Vue Docs Writing Guide](https://v3.vuejs.org/guide/writing-guide.html) for our rules and recommendations on writing and maintaining documentation.
+ドキュメントの執筆とメンテナンスに関するルールや推奨事項について、 [Vue Docs Writing Guide](https://v3.ja.vuejs.org/guide/writing-guide.html) を参照してください。
 
-## Developing
+## 開発する
 
-1. Clone repository
+1. リポジトリをクローンします
 
 ```bash
 git clone [email protected]:vuejs/docs-next.git
 ```
 
-2. Install dependencies
+2. 依存ファイルをインストールします
 
 ```bash
 yarn # or npm install
 ```
 
-3. Start local development environment
+3. ローカル開発環境を起動します
 
 ```bash
 yarn serve # or npm run serve
 ```
 
-## Deploying
+## デプロイする
 
-The site is automatically deployed when commits land in `master`, via [Netlify](https://www.netlify.com/).
+サイトは `lang-ja` にコミットがあると [Netlify](https://www.netlify.com/) によって自動的にデプロイされます。

assets/lifecycle-diagram.svg

@@ -1,7 +1,7 @@
 {
   "devDependencies": {
     "@vuepress/plugin-pwa": "^1.5.4",
-    "node-sass": "^4.13.1",
+    "sass": "^1.32.0",
     "sass-loader": "^8.0.2",
     "shelljs": "^0.8.4",
     "textlint": "^11.7.6",

assets/scoped-slot-diagram.svg

@@ -1,15 +1,25 @@
 <script>
-const validBadges = ['new', 'breaking', 'removed', 'updated']
+const validBadges = {
+  new: 'new',
+  breaking: 'breaking',
+  removed: 'removed',
+  updated: 'updated'
+}
 
 export default {
   props: {
     badges: {
       type: Array,
       default: () => [],
       validator(value) {
-        return value.every(badge => validBadges.includes(badge))
+        return value.every(badge => Object.keys(validBadges).includes(badge))
       }
     }
+  },
+  data() {
+    return {
+      validBadges
+    }
   }
 }
 </script>
@@ -21,7 +31,7 @@ export default {
       :class="`migration-badge is-${badgeType}`"
       :key="`badge-type-${badgeType}`"
     >
-      {{ badgeType }}
+      {{ validBadges[badgeType] }}
     </span>
   </div>
 </template>

assets/slot-render-diagram.svg

@@ -0,0 +1,22 @@
+export const labels = {
+  language: 'Language',
+  github: 'GitHub',
+  lastCommit: 'Last commit',
+  last90Days: 'Last 90 days',
+  loadDetails: 'Load Details',
+  commits: 'commits',
+  loading: 'Loading...'
+}
+
+// Repos are in alphabetical order by the language code
+// You may need to clear your sessionStorage when adding a new item to this list
+export const repos = [
+  { lang: 'en-us', owner: 'vuejs', repo: 'docs-next', branch: 'master', url: 'https://v3.vuejs.org/' },
+  { lang: 'fr', owner: 'demahom18', repo: 'docs-next', branch: 'master', url: 'https://vue3-fr.netlify.app' },
+  { lang: 'id', owner: 'vuejs-id', repo: 'docs-next', branch: 'indonesian' },
+  { lang: 'ja', owner: 'vuejs-jp', repo: 'ja.vuejs.org', branch: 'lang-ja', url: 'https://v3.ja.vuejs.org/' },
+  { lang: 'ko', owner: 'vuejs-kr', repo: 'docs-next', branch: 'rootKoKr', url: 'https://v3.ko.vuejs.org/'  },
+  { lang: 'pt-br', owner: 'vuejs-br', repo: 'docs-next', branch: 'master', url: 'https://vuejsbr-docs-next.netlify.app/' },
+  { lang: 'ru', owner: 'translation-gang', repo: 'docs-next', branch: 'master', url: 'https://v3.ru.vuejs.org/' },
+  { lang: 'zh-cn', owner: 'vuejs', repo: 'docs-next-zh-cn', branch: 'master', url: 'https://v3.cn.vuejs.org/' }
+]