From b2f6a06a1faeb24066cfc0dfcc68f106802c038d Mon Sep 17 00:00:00 2001
From: venashial <venashial.levo@aleeas.com>
Date: Fri, 2 Jul 2021 17:02:55 +0000
Subject: [PATCH] Wrap mod icon and title in link (#273)

* Wrap mod icon and title in link

* Fixes #218
---
 pages/mod/_id.vue | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/pages/mod/_id.vue b/pages/mod/_id.vue
index ddb1570e2..93a64235c 100644
--- a/pages/mod/_id.vue
+++ b/pages/mod/_id.vue
@@ -4,17 +4,20 @@
       <div class="content">
         <div class="header">
           <div class="icon">
-            <img
-              :src="
-                mod.icon_url
-                  ? mod.icon_url
-                  : 'https://cdn.modrinth.com/placeholder.svg?inline'
-              "
-              alt="mod - icon"
-            />
+            <nuxt-link :to="'/mod/' + (mod.slug ? mod.slug : mod.id)">
+              <img
+                :src="
+                  mod.icon_url
+                    ? mod.icon_url
+                    : 'https://cdn.modrinth.com/placeholder.svg?inline'
+                "
+                alt="mod - icon"
+            /></nuxt-link>
           </div>
           <div class="info">
-            <h1 class="title">{{ mod.title }}</h1>
+            <nuxt-link :to="'/mod/' + (mod.slug ? mod.slug : mod.id)">
+              <h1 class="title">{{ mod.title }}</h1>
+            </nuxt-link>
             <p class="description">
               {{ mod.description }}
             </p>