From 4bcf3c1145347ce8a6bb133b0223be4820be2cba Mon Sep 17 00:00:00 2001
From: Soitora <simon.mattila@protonmail.com>
Date: Sun, 19 Jul 2020 17:50:15 +0200
Subject: [PATCH] Adds download page (#266)

Co-authored-by: Ken Swenson <flat@esoteric.moe>
---
 package-lock.json                         |  5 ++++
 package.json                              |  1 +
 src/.vuepress/components/ReleaseNotes.vue | 31 +++++++++++++++++++++++
 src/.vuepress/config/navBar.js            |  1 +
 src/.vuepress/config/sideBar.js           | 20 +++++++++++++++
 src/README.md                             |  3 +++
 src/download/README.md                    | 22 ++++++++++++++++
 src/extensions/README.md                  |  2 +-
 8 files changed, 84 insertions(+), 1 deletion(-)
 create mode 100644 src/.vuepress/components/ReleaseNotes.vue
 create mode 100644 src/download/README.md

diff --git a/package-lock.json b/package-lock.json
index 9d4ccda6..770ff522 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9022,6 +9022,11 @@
 			"integrity": "sha512-TAIHTHPwa9+ltKvKPWulm/beozQU41Ab+FIefRaQV1NRnpzwcV9QOe6wXQS5WLivm5Q/nlo0rl6laGkMDZE7Gw==",
 			"dev": true
 		},
+		"marked": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/marked/-/marked-1.1.1.tgz",
+			"integrity": "sha512-mJzT8D2yPxoPh7h0UXkB+dBj4FykPJ2OIfxAWeIHrvoHDkFxukV/29QxoFQoPM6RLEwhIFdJpmKBlqVM3s2ZIw=="
+		},
 		"material-design-icons": {
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
diff --git a/package.json b/package.json
index 6a42fe19..0c19b838 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
 		"iso-639-1": "^2.1.3",
 		"lodash.groupby": "^4.6.0",
 		"lodash.sortby": "^4.7.0",
+		"marked": "^1.1.1",
 		"material-design-icons": "^3.0.1",
 		"vue-agile": "^1.1.3",
 		"vue-material-design-icons": "^4.7.1",
diff --git a/src/.vuepress/components/ReleaseNotes.vue b/src/.vuepress/components/ReleaseNotes.vue
new file mode 100644
index 00000000..a62d6e65
--- /dev/null
+++ b/src/.vuepress/components/ReleaseNotes.vue
@@ -0,0 +1,31 @@
+<template>
+	<div v-html="releaseNotes" class="releaseNotes"></div>
+</template>
+
+<script>
+import axios from "axios";
+import marked from "marked";
+
+const RELEASE_URL =
+	"https://api.github.com/repos/inorichi/tachiyomi/releases/latest";
+
+export default {
+	data() {
+		return {
+			releaseNotes: "",
+		};
+	},
+
+	async mounted() {
+		const { data } = await axios.get(RELEASE_URL);
+		this.$data.releaseNotes = marked(data.body);
+	},
+};
+</script>
+
+<style lang="stylus">
+.releaseNotes
+	white-space
+	h3
+		font-size 1.1rem
+</style>
diff --git a/src/.vuepress/config/navBar.js b/src/.vuepress/config/navBar.js
index 7b1649c7..f1d1e655 100644
--- a/src/.vuepress/config/navBar.js
+++ b/src/.vuepress/config/navBar.js
@@ -1,5 +1,6 @@
 module.exports = [
 	{ text: "Home", link: "/" },
 	{ text: "Help Center", link: "/help/" },
+	{ text: "Download", link: "/download/" },
 	{ text: "Extensions", link: "/extensions/" },
 ];
diff --git a/src/.vuepress/config/sideBar.js b/src/.vuepress/config/sideBar.js
index b5fce2fe..fa6a529e 100644
--- a/src/.vuepress/config/sideBar.js
+++ b/src/.vuepress/config/sideBar.js
@@ -27,6 +27,10 @@ module.exports = {
 			title: "Contribution",
 			path: "/help/contribution",
 		},
+		{
+			title: "Download",
+			path: "/download/",
+		},
 		{
 			title: "Extensions",
 			path: "/extensions/",
@@ -50,6 +54,10 @@ module.exports = {
 			title: "Contribution",
 			path: "/help/contribution",
 		},
+		{
+			title: "Download",
+			path: "/download/",
+		},
 		{
 			title: "Extensions",
 			path: "/extensions/",
@@ -75,6 +83,10 @@ module.exports = {
 			sidebarDepth: 1,
 			children: ["/help/contribution"],
 		},
+		{
+			title: "Download",
+			path: "/download/",
+		},
 		{
 			title: "Extensions",
 			path: "/extensions/",
@@ -98,6 +110,10 @@ module.exports = {
 			title: "Contribution",
 			path: "/help/contribution",
 		},
+		{
+			title: "Download",
+			path: "/download/",
+		},
 		{
 			title: "Extensions",
 			path: "/extensions/",
@@ -121,6 +137,10 @@ module.exports = {
 			title: "Contribution",
 			path: "/help/contribution",
 		},
+		{
+			title: "Download",
+			path: "/download/",
+		},
 		{
 			title: "Extensions",
 			path: "/extensions/",
diff --git a/src/README.md b/src/README.md
index a1d5b573..87aa6a31 100644
--- a/src/README.md
+++ b/src/README.md
@@ -1,5 +1,8 @@
 ---
 home: true
+meta:
+  - name: keywords
+    content: Download, Official, Android app, Manga
 lang: en-US
 heroImage: /icons/logo.svg
 buttonDownload: Download
diff --git a/src/download/README.md b/src/download/README.md
new file mode 100644
index 00000000..9136cee5
--- /dev/null
+++ b/src/download/README.md
@@ -0,0 +1,22 @@
+---
+title: Download
+description: Download links for the latest versions of Tachiyomi.
+meta:
+  - name: keywords
+    content: Download, Official, Android app, Manga
+lang: en-US
+---
+
+# Download
+
+Download the latest version of **Tachiyomi** for your Android device.
+
+::: aside-guide
+Latest release: **<VersionTag/>**
+:::
+
+<DownloadButtons downloadStableTag="Tachiyomi" downloadPreviewTag="Tachiyomi Preview"/>
+
+::: guide Release notes
+<ReleaseNotes/>
+:::
diff --git a/src/extensions/README.md b/src/extensions/README.md
index b179a41d..6e87651e 100644
--- a/src/extensions/README.md
+++ b/src/extensions/README.md
@@ -1,5 +1,5 @@
 ---
-title: Available extensions
+title: Extensions
 description: Here is a list of all available extensions to download inside the app.
 lang: en-US
 ---