From a7347034e66ffa32684586d61e9fa955cbc49981 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Weller?= <info@lost.design>
Date: Tue, 14 May 2019 23:07:53 +0200
Subject: [PATCH] add refs to cards

---
 components/Card.vue | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/components/Card.vue b/components/Card.vue
index 39a6605..3e7f4d2 100644
--- a/components/Card.vue
+++ b/components/Card.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  .card
+  .card(:class="checkReference")
     a.card--link(:href="url" :target='title' rel='noreferrer')
     p.card--title {{title}}
     p.card--description {{desc}}
@@ -9,6 +9,24 @@
 <script>
 export default {
   props: ['title', 'desc', 'url'],
+  data(){
+    return {
+      isReferenced: false,
+    }
+  },
+  computed: {
+    checkReference(){
+      if(typeof this.$route.hash !== undefined) {
+        const query = this.$route.hash.substring(1);
+        const title = this.$props.title.replace(/ /g, '');
+
+        console.log(title.toLowerCase(), query)
+        return {
+          'card--active': title.toLowerCase() === query
+        }
+      }
+    }
+  },
 }
 </script>
 
@@ -23,6 +41,9 @@ export default {
   flex-direction: column;
   position: relative;
 
+  &--active{
+    border: 1px solid red !important;
+  }
 
   &--link {
     position: absolute;