Add Stack app to awesome section of documentation

docs/.vuepress/components/AwesomeGroup.vue

@@ -2,7 +2,7 @@
   <div class="awesome-group">
     <div v-for="app in apps" class="awesome-app">
       <a :href="app.link" class="awesome-app-name" target="_blank" rel="noopener noreferrer">{{app.name}}&nbsp;<OutboundLink/></a>
-      <img class="awesome-app-image" :src="app.image">
+      <img class="awesome-app-image" :src="$withBase(app.image)">
       <span v-if="app.description" class="awesome-app-description">{{ app.description }}</span>
     </div>
   </div>

docs/.vuepress/components/AwesomeSection.vue

@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <AwesomeGroup :apps="apps" />
+  </div>
+</template>
+
+<script>
+import AwesomeGroup from "./AwesomeGroup.vue";
+export default {
+  name: "AwesomeSection",
+  components: {
+    AwesomeGroup,
+  },
+  computed: {
+    apps: function () {
+      return [
+        {
+          name: "Nextcloud",
+          image: "/assets/apps/nextcloud.png",
+          link: "https://github.com/nextcloud/android",
+          description:
+            "A safe home for all your data. Access & share your files, calendars, contacts, mail & more from any device, on your terms.",
+        },
+        {
+          name: "Habitica",
+          image: "/assets/apps/habitica.png",
+          link:
+            "https://play.google.com/store/apps/details?id=com.habitrpg.android.habitica",
+          description:
+            "Treat your life like a game to stay motivated and organized! Habitica makes it simple to have fun while accomplishing goals.",
+        },
+        {
+          name: "Cinopsys: Movies and Shows",
+          image: "/assets/apps/cinopsys.png",
+          link:
+            "https://play.google.com/store/apps/details?id=com.cinopsys.movieshows",
+        },
+        {
+          name: "Pure Writer",
+          image: "/assets/apps/purewriter.png",
+          link:
+            "https://play.google.com/store/apps/details?id=com.drakeet.purewriter",
+          description: "Never lose content editor & Markdown",
+        },
+        {
+          name: "Stack",
+          image: "/assets/apps/stack.png",
+          link: "https://github.com/tylerbwong/stack",
+          description:
+            "An Android app for browsing Stack Overflow and other Stack Exchange sites",
+        },
+      ];
+    },
+  },
+};
+</script>

docs/README.md

@@ -100,13 +100,8 @@ and 2 themes included: Light & Dark. It can be downloaded from [releases](ht
 
 </div>
 <br>
+<AwesomeSection />
 
-<AwesomeGroup :apps="[
-    {name: 'Nextcloud', image: $withBase(`/assets/apps/nextcloud.png`), link: 'https://github.com/nextcloud/android', description: 'A safe home for all your data. Access & share your files, calendars, contacts, mail & more from any device, on your terms.'},
-    {name: 'Habitica', image: $withBase(`/assets/apps/habitica.png`), link: 'https://play.google.com/store/apps/details?id=com.habitrpg.android.habitica', description: 'Treat your life like a game to stay motivated and organized! Habitica makes it simple to have fun while accomplishing goals.'},
-    {name: 'Cinopsys: Movies and Shows', image: $withBase(`/assets/apps/cinopsys.png`), link: 'https://play.google.com/store/apps/details?id=com.cinopsys.movieshows'},
-    {name: 'Pure Writer', image: $withBase(`/assets/apps/purewriter.png`), link: 'https://play.google.com/store/apps/details?id=com.drakeet.purewriter', description: 'Never lose content editor & Markdown'}
-]" />
 
 * [Partico](https://partiko.app/) - Partiko is a censorship free social network.
 * [FairNote](https://play.google.com/store/apps/details?id=com.rgiskard.fairnote) - simple and intuitive notepad app. It gives you speed and efficiency when you write notes, to-do lists, e-mails, or jot down quick ideas.