Fix some links not using slugs

components/ModPage.vue

@@ -25,10 +25,16 @@
         </client-only>
         <div class="mod-navigation">
           <div class="tabs">
-            <nuxt-link :to="'/mod/' + mod.id" class="tab">
+            <nuxt-link
+              :to="'/mod/' + (mod.slug ? mod.slug : mod.id)"
+              class="tab"
+            >
               Description
             </nuxt-link>
-            <nuxt-link :to="'/mod/' + mod.id + '/versions'" class="tab">
+            <nuxt-link
+              :to="'/mod/' + (mod.slug ? mod.slug : mod.id) + '/versions'"
+              class="tab"
+            >
               Versions
             </nuxt-link>
             <a v-if="mod.wiki_url" :href="mod.wiki_url" class="tab">

components/Pagination.vue

@@ -3,8 +3,8 @@
     <button
       :class="{ disabled: currentPage === 1 }"
       class="paginate has-icon"
-      @click="currentPage !== 1 ? switchPage(currentPage - 1) : null"
       aria-label="Previous Page"
+      @click="currentPage !== 1 ? switchPage(currentPage - 1) : null"
     >
       <LeftArrowIcon />
     </button>
@@ -30,12 +30,12 @@
     <button
       :class="{ disabled: currentPage === pages[pages.length - 1] }"
       class="paginate has-icon"
+      aria-label="Next Page"
       @click="
         currentPage !== pages[pages.length - 1]
           ? switchPage(currentPage + 1)
           : null
       "
-      aria-label="Next Page"
     >
       <RightArrowIcon />
     </button>

pages/mod/_id/versions.vue

@@ -30,7 +30,14 @@
             </a>
           </td>
           <td>
-            <nuxt-link :to="'/mod/' + mod.id + '/version/' + version.id">
+            <nuxt-link
+              :to="
+                '/mod/' +
+                (mod.slug ? mod.slug : mod.id) +
+                '/version/' +
+                version.id
+              "
+            >
               {{ version.name }}
             </nuxt-link>
           </td>
@@ -291,7 +298,7 @@ export default {
 
       const formData = new FormData()
 
-      this.createdVersion.mod_id = this.$route.params.id
+      this.createdVersion.mod_id = this.mod.id
       this.createdVersion.dependencies = []
       this.createdVersion.featured = false