feat: show favorite strain cards

packages/search-site/poi.config.js

@@ -6,7 +6,7 @@ module.exports = {
   outDir: 'dist',
   plugins: [
     require('@poi/plugin-vue-static')({
-      routes: ['/', '/home', '/favorites'],
+      routes: ['/', '/favorites'],
     }),
   ],
 };

packages/search-site/src/pages/Favorites.vue

@@ -4,12 +4,42 @@
       <h1 class="title">
         Favorites
       </h1>
+
+      <h3 class="title is-5">
+        Strains you have saved
+      </h3>
     </div>
+
+    <section class="section">
+      <div class="container">
+        <StrainList :strains="favoriteStrains" no-save-control />
+      </div>
+    </section>
   </div>
 </template>
 
 <script>
+import data from '../../../scraper/db.json';
+import store from '../lib/store.mjs';
+import StrainList from '../components/StrainList.vue';
+
 export default {
   name: 'FavoritesPage',
+  components: {
+    StrainList,
+  },
+  data() {
+    const favorites = store.get('favorites') || [];
+
+    return {
+      ...data,
+      favorites
+    };
+  },
+  computed: {
+    favoriteStrains() {
+      return this.strains.filter(strain => this.favorites.indexOf(strain.id) !== -1);
+    }
+  },
 }
 </script>

packages/search-site/src/pages/Home.vue

@@ -19,7 +19,7 @@ export default {
   name: 'HomePage',
   data() {
     return {
-      activeTab: 'search',
+      activeTab: this.$route.name,
     };
   },
   methods: {