Better links

api/retrieve.js

@@ -124,6 +124,7 @@ router.route("/wines/statistics/overall").get(async (req, res) => {
         wines[wine._id] = {
           name: wine.name,
           occurences: wine.occurences,
+          vivinoLink: wine.vivinoLink,
           rating: wine.rating,
           image: wine.image,
           id: wine.id,

src/components/AllWinesPage.vue

@@ -3,9 +3,7 @@
     <div class="container">
       <h1 class="title">Alle viner</h1>
       <div class="wines-container">
-        <a :href="wine.vivinoLink" v-for="wine in wines">
-          <Wine :wine="wine" />
-        </a>
+        <Wine :wine="wine" v-for="wine in wines" />
       </div>
     </div>
   </div>

src/ui/Wine.vue

@@ -7,7 +7,7 @@
       <h2>{{ wine.name }}</h2>
       <span v-if="wine.rating">{{ wine.rating }} rating</span>
 
-      <a :herf="wine.vivinoLink" class="wine-link">Les mer</a>
+      <a :href="wine.vivinoLink" class="wine-link">Les mer</a>
       <span class="name-wins">
         Vunnet av:
         {{wine.winners.join(", ")}}