Getters instead of accessing state directly

components/Sidebar.vue

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

store/data.js

@@ -36,6 +36,8 @@ export const state = () => ({
 })
 
 export const getters = {
+	tags: state => state.tags,
+	resources: state => state.resources,
 	findResources: state => title => {
 		return state.resources.find(resource => resource.title.toLowerCase() === title.toLowerCase())
 	},