🎨 Simplify toggling between views

components/CardsView.vue

@@ -0,0 +1,13 @@
+<template lang="pug">
+  .cards
+    Card(v-for='resource in category.resources' :resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle')
+</template>
+
+<script>
+import Card from './Card'
+
+export default {
+  components: { Card },
+  props: ['category', 'createCopyUrl', 'activeCard'],
+}
+</script>

components/TableView.vue

@@ -0,0 +1,13 @@
+<template lang="pug">
+  table
+    TableRow(v-for='resource in category.resources' :resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle')
+</template>
+
+<script>
+import TableRow from '../components/TableRow'
+
+export default {
+  components: { TableRow },
+  props: ['category', 'createCopyUrl', 'activeCard'],
+}
+</script>