Rename resources module => data, add look up tag, add polyfill for flat()

components/Sidebar.vue

@@ -14,7 +14,7 @@ export default {
     }
   },
   created() {
-    this.categories = this.$store.state.resources.map(({ title, slug }) => ({ title, slug }))
+    this.categories = this.$store.state.data.resources.map(({ title, slug }) => ({ title, slug }))
   }
 }
 </script>

pages/_category.vue

@@ -12,7 +12,7 @@ import Card from '../components/Card'
 export default {
   data () {
     return {
-      category: this.$store.getters['resources/findResources'](this.$route.params.category),
+      category: this.$store.getters['data/findResources'](this.$route.params.category),
     }
   },
   components: { Card },

store/data.js

@@ -0,0 +1,46 @@
+import resources from '../resources'
+
+// Polyfill for flat 
+if (!Array.prototype.flat) {
+	Object.defineProperty(Array.prototype, 'flat', {
+		configurable: true,
+		value: function flat () {
+			var depth = isNaN(arguments[0]) ? 1 : Number(arguments[0]);
+
+			return depth ? Array.prototype.reduce.call(this, function (acc, cur) {
+				if (Array.isArray(cur)) {
+					acc.push.apply(acc, flat.call(cur, depth - 1));
+				} else {
+					acc.push(cur);
+				}
+
+				return acc;
+			}, []) : Array.prototype.slice.call(this);
+		},
+		writable: true
+	});
+}
+
+/**
+ * Check if list 2 has an element of list 1.
+ * includesElOf(list1, list2) -> read as list1 includesElOf list2.
+ * @param {any[]} list1 
+ * @param {any[]} list2 
+ */
+const includesElOf = (list1, list2) => list1.some(element => list2.includes(element))
+
+export const state = () => ({
+  resources,
+  // List of all tags, duplicates removed
+  tags: [...new Set(resources.map(resource => resource.resources).flat().map(resource => resource.tags).flat())]
+})
+
+export const getters = {
+  findResources: state => title => {
+    return state.resources.find(resource => resource.title.toLowerCase() === title.toLowerCase())
+  },
+  findByTags: state => tags => {
+    const flat = state.resources.map(category => category.resources).flat()
+    return flat.filter(resource => resource.tags && includesElOf(resource.tags, tags)) 
+  }
+}

store/resources.js

@@ -1,21 +0,0 @@
-import resources from '../resources/'
-
-/**
- * Check if list 2 has an element of list 1.
- * includesElOf(list1, list2) -> read as list1 includesElOf list2.
- * @param {any[]} list1 
- * @param {any[]} list2 
- */
-const includesElOf = (list1, list2) => list1.some(element => list2.includes(element))
-
-export const state = () => resources
-
-export const getters = {
-  findResources: state => title => {
-    return state.find(resource => resource.title.toLowerCase() === title.toLowerCase())
-  },
-  findByTags: state => tags => {
-    const flat = state.map(category => category.resources).flat()
-    return flat.filter(resource => resource.tags && includesElOf(resource.tags, tags)) 
-  }
-}