feat(website): 🌱 Add tags page with counts

README.md

@@ -1,18 +1,19 @@
-# python.avimehenwal
 
 [![Netlify Status](https://api.netlify.com/api/v1/badges/afbd0131-1f02-469f-a138-844511ca6420/deploy-status)](https://app.netlify.com/sites/avi-python/deploys)
 
+# :snake: python.avimehenwal
+
 > python practise repo
 
-Link to Project [docs]
+:earth_asia: Live Link to Project [docs]
 
 ![List Page on mobile](demo/mobile-listpage.png)
 
 ![Homepage with logo](/demo/homepage-with-logo.png)
 
 ---
 
-#### Get in touch with me
+#### :v: Get in touch with me
 
 > I am looking for Jobs ... :sunglasses:
 
@@ -25,7 +26,4 @@ Link to Project [docs]
 
 <a href="https://www.buymeacoffee.com/F1j07cV" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;" ></a>
 
- Spread Love :hearts: and not :no_entry_sign: hatred   [![Twitter Follow](https://img.shields.io/twitter/follow/avimehenwal.svg?style=social)](https://twitter.com/avimehenwal)
-
-
-[docs]: https://avi-python.netlify.app/
+ Spread Love :hearts: and not :no_entry_sign: hatred   [![Twitter Follow](https://img.shields.io/twitter/follow/avimehenwal.svg?style=social)](https://twitter.com/avimehenwal)

docs/.vuepress/components/TagList.vue

@@ -0,0 +1,60 @@
+<!-- .vuepress/components/TagList.vue -->
+<template lang="html">
+  <div>
+    <h1>
+      Tags <Badge type="error" :text="tagcount"/>
+    </h1>
+
+    <span v-for="tag in Object.keys(tags)">
+      <h2 :id="tag">
+        <router-link
+          :to="{ path: `/tags.html/#${tag}`}"
+          class="header-anchor"
+          aria-hidden="true"
+        >
+        #
+        </router-link>
+        <Badge vertical="middle" type="tip" :text="tag"/>
+        <Badge type="error" :text="tags[tag].length"/>
+        <!-- <Badge type="warning" :text="tags[tag].length"/> -->
+      </h2>
+
+      <ul class="w3-ul w3-hoverable">
+        <li v-for="page in tags[tag]">
+          <router-link :to="{ path: page.path}">
+            {{page.title}}
+          </router-link>
+        </li>
+      </ul>
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  // data () {
+  //   return {
+  //     dtags: this.tags[tag]
+  //   }
+  // },
+  computed: {
+    tags() {
+      let tags = {}
+      for (let page of this.$site.pages) {
+        for (let index in page.frontmatter.tags) {
+          const tag = page.frontmatter.tags[index]
+          if (tag in tags) {
+            tags[tag].push(page)
+          } else {
+            tags[tag] = [page]
+          }
+        }
+      }
+      return tags
+    },
+    tagcount () {
+      return Object.keys(this.tags).length;
+    }
+  }
+}
+</script>

docs/.vuepress/config.js

@@ -27,6 +27,7 @@ module.exports = {
     smoothScroll: true,
     nav: [
       { text: 'Home', link: '/' },
+      { text: 'Tags', link: '/tags' },
       { text: 'Tutorials', link: '/tutorials/' },
       { text: 'Projects', link: '/projects/' }
     ]

docs/tags.md

@@ -0,0 +1 @@
+<TagList />