From b35d5bc356fe691f673c4c286d5275187a8e946a Mon Sep 17 00:00:00 2001
From: Kevin <kevinsebastianate@hotmail.com>
Date: Thu, 20 Jun 2019 00:31:29 +0200
Subject: [PATCH] Revert "Revert the revert"

This reverts commit 4c311a8dbb5a09d6bfba048e75a3de96bcc3e81b.
---
 components/CategoryPage.vue | 19 -------------------
 pages/_category.vue         | 27 +++++++++++++++++++++++++++
 pages/communities/index.vue | 22 ----------------------
 pages/css/index.vue         | 22 ----------------------
 pages/daily/index.vue       | 22 ----------------------
 pages/design/index.vue      | 22 ----------------------
 pages/frontend/index.vue    | 22 ----------------------
 pages/fullstack/index.vue   | 22 ----------------------
 pages/general/index.vue     | 22 ----------------------
 pages/html/index.vue        | 22 ----------------------
 pages/javascript/index.vue  | 22 ----------------------
 pages/php/index.vue         | 22 ----------------------
 pages/server/index.vue      | 22 ----------------------
 pages/tools/index.vue       | 22 ----------------------
 14 files changed, 27 insertions(+), 283 deletions(-)
 delete mode 100644 components/CategoryPage.vue
 create mode 100644 pages/_category.vue
 delete mode 100644 pages/communities/index.vue
 delete mode 100644 pages/css/index.vue
 delete mode 100644 pages/daily/index.vue
 delete mode 100644 pages/design/index.vue
 delete mode 100644 pages/frontend/index.vue
 delete mode 100644 pages/fullstack/index.vue
 delete mode 100644 pages/general/index.vue
 delete mode 100644 pages/html/index.vue
 delete mode 100644 pages/javascript/index.vue
 delete mode 100644 pages/php/index.vue
 delete mode 100644 pages/server/index.vue
 delete mode 100644 pages/tools/index.vue

diff --git a/components/CategoryPage.vue b/components/CategoryPage.vue
deleted file mode 100644
index 7336dd0..0000000
--- a/components/CategoryPage.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template lang="pug">
-  div
-    h1 {{ resources.title }}
-    .cards
-      template(v-for='resource in resources.resources')
-        Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
-</template>
-
-<script>
-import Card from './Card'
-
-export default {
-  props: ["resources"],
-  components: {
-    Card
-  },
-}
-</script>
-
diff --git a/pages/_category.vue b/pages/_category.vue
new file mode 100644
index 0000000..73b5bf9
--- /dev/null
+++ b/pages/_category.vue
@@ -0,0 +1,27 @@
+<template lang="pug">
+  div
+    h1 {{ category.title }}
+    .cards
+      template(v-for='resource in category.resources')
+        Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
+</template>
+
+<script>
+import store from '../store.json'
+import Card from '../components/Card'
+
+export default {
+  data () {
+    return {
+      categoryTitle: this.$route.params.category,
+      categories: store,
+    }
+  },
+  computed: {
+    category() {      
+      return this.categories.find(category => category.title.toLowerCase() === this.categoryTitle.toLowerCase())
+    }
+  },
+  components: { Card, },
+}
+</script>
diff --git a/pages/communities/index.vue b/pages/communities/index.vue
deleted file mode 100644
index f258904..0000000
--- a/pages/communities/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'communities')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/css/index.vue b/pages/css/index.vue
deleted file mode 100644
index 7115ad8..0000000
--- a/pages/css/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'css')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/daily/index.vue b/pages/daily/index.vue
deleted file mode 100644
index ef1b175..0000000
--- a/pages/daily/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'daily')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/design/index.vue b/pages/design/index.vue
deleted file mode 100644
index c2afb04..0000000
--- a/pages/design/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'design')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/frontend/index.vue b/pages/frontend/index.vue
deleted file mode 100644
index 594d95f..0000000
--- a/pages/frontend/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'frontend')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/fullstack/index.vue b/pages/fullstack/index.vue
deleted file mode 100644
index 7af3af2..0000000
--- a/pages/fullstack/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'fullstack')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/general/index.vue b/pages/general/index.vue
deleted file mode 100644
index d44c547..0000000
--- a/pages/general/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'general')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/html/index.vue b/pages/html/index.vue
deleted file mode 100644
index 98bdfaa..0000000
--- a/pages/html/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'html')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/javascript/index.vue b/pages/javascript/index.vue
deleted file mode 100644
index 0c16f32..0000000
--- a/pages/javascript/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'javascript')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/php/index.vue b/pages/php/index.vue
deleted file mode 100644
index 0b769a4..0000000
--- a/pages/php/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'php')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/server/index.vue b/pages/server/index.vue
deleted file mode 100644
index a62e066..0000000
--- a/pages/server/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'server')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/tools/index.vue b/pages/tools/index.vue
deleted file mode 100644
index ba286d9..0000000
--- a/pages/tools/index.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template lang="pug">
-  CategoryPage(:resources="resources")
-</template>
-
-<script>
-import CategoryPage from '../../components/CategoryPage'
-import store from '../../store.json'
-
-export default {
-  data() {
-    return {
-      resources: store.find(x => x.title.toLowerCase() === 'tools')
-    }
-  },
-  components: {
-    CategoryPage
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>