From 0ce517c80b77018589d99c4fff82755b672673c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Weller?= <info@lost.design>
Date: Sat, 15 Jun 2019 00:57:59 +0200
Subject: [PATCH] new card referencing

---
 components/Card.vue | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/components/Card.vue b/components/Card.vue
index 9e3738a..c5c753d 100644
--- a/components/Card.vue
+++ b/components/Card.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  .card(:class="checkReference")
+  .card(:class="active")
     p.card--title {{title}}
     p.card--description {{desc}}
     .card--links
@@ -11,6 +11,11 @@
 <script>
 export default {
   props: ['title', 'desc', 'url'],
+  data(){
+    return {
+      active:''
+    }
+  },
   methods: {
      async createCopyUrl() {
       try {
@@ -25,20 +30,26 @@ export default {
     },
     createReferenceTag(tag){
       return tag.replace(/ /g, '').toLowerCase()
-    }
-  },
-  computed: {
+    },
     checkReference(){
       if(this.$route.query.card) {
         const query = this.$route.query.card
         const title = this.createReferenceTag(this.$props.title)
 
-        return title === query
+        this.active = title === query
           ? 'card--active'
           : ''
       }
     },
   },
+  created() {
+    this.checkReference();
+  },
+  watch: {
+    '$route': function() {
+      this.checkReference();
+    }
+  }
 }
 </script>