From 21ccb787f61ece9ba927688585fa3ea44237928d Mon Sep 17 00:00:00 2001
From: Unknown <Kevinsebastianate@hotmail.com>
Date: Mon, 17 Jun 2019 17:13:04 +0200
Subject: [PATCH] Share common component & filter data

---
 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, 283 insertions(+), 27 deletions(-)
 create mode 100644 components/CategoryPage.vue
 delete mode 100644 pages/_category.vue
 create mode 100644 pages/communities/index.vue
 create mode 100644 pages/css/index.vue
 create mode 100644 pages/daily/index.vue
 create mode 100644 pages/design/index.vue
 create mode 100644 pages/frontend/index.vue
 create mode 100644 pages/fullstack/index.vue
 create mode 100644 pages/general/index.vue
 create mode 100644 pages/html/index.vue
 create mode 100644 pages/javascript/index.vue
 create mode 100644 pages/php/index.vue
 create mode 100644 pages/server/index.vue
 create mode 100644 pages/tools/index.vue

diff --git a/components/CategoryPage.vue b/components/CategoryPage.vue
new file mode 100644
index 0000000..7336dd0
--- /dev/null
+++ b/components/CategoryPage.vue
@@ -0,0 +1,19 @@
+<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
deleted file mode 100644
index 73b5bf9..0000000
--- a/pages/_category.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<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
new file mode 100644
index 0000000..f258904
--- /dev/null
+++ b/pages/communities/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..7115ad8
--- /dev/null
+++ b/pages/css/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..ef1b175
--- /dev/null
+++ b/pages/daily/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..c2afb04
--- /dev/null
+++ b/pages/design/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..594d95f
--- /dev/null
+++ b/pages/frontend/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..7af3af2
--- /dev/null
+++ b/pages/fullstack/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..d44c547
--- /dev/null
+++ b/pages/general/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..98bdfaa
--- /dev/null
+++ b/pages/html/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..0c16f32
--- /dev/null
+++ b/pages/javascript/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..0b769a4
--- /dev/null
+++ b/pages/php/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..a62e066
--- /dev/null
+++ b/pages/server/index.vue
@@ -0,0 +1,22 @@
+<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
new file mode 100644
index 0000000..ba286d9
--- /dev/null
+++ b/pages/tools/index.vue
@@ -0,0 +1,22 @@
+<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>