fix: featured version ui shifts (#1191)

pages/[type]/[id].vue

@@ -569,34 +569,36 @@
               <ChevronRightIcon class="featured-header-chevron" aria-hidden="true" />
             </nuxt-link>
           </div>
+          <ClientOnly>
             <NuxtLink
-            v-for="version in featuredVersions"
-            :key="version.id"
+              v-for="(version, index) in featuredVersions"
+              :key="index"
               class="featured-version button-transparent"
               :to="`/${project.project_type}/${
                 project.slug ? project.slug : project.id
               }/version/${encodeURI(version.displayUrlEnding)}`"
+              :ref_key="`featured-version-${index}`"
             >
-            <a
+              <NuxtLink
                 v-tooltip="
                   version.primaryFile.filename + ' (' + $formatBytes(version.primaryFile.size) + ')'
                 "
-              :href="version.primaryFile.url"
+                :to="version.primaryFile.url"
+                external
                 class="download square-button brand-button"
                 :aria-label="`Download ${version.name}`"
-              @click.stop="(event) => event.stopPropagation()"
               >
                 <DownloadIcon aria-hidden="true" />
-            </a>
+              </NuxtLink>
               <div class="info">
-              <nuxt-link
+                <NuxtLink
                   :to="`/${project.project_type}/${
                     project.slug ? project.slug : project.id
                   }/version/${encodeURI(version.displayUrlEnding)}`"
                   class="top"
                 >
                   {{ version.name }}
-              </nuxt-link>
+                </NuxtLink>
                 <div v-if="version.game_versions.length > 0" class="game-version item">
                   {{ version.loaders.map((x) => $formatCategory(x)).join(', ') }}
                   {{ $formatVersion(version.game_versions) }}
@@ -606,6 +608,7 @@
                 <Badge v-else-if="version.version_type === 'alpha'" type="alpha" color="red" />
               </div>
             </NuxtLink>
+          </ClientOnly>
           <hr class="card-divider" />
         </template>
         <h2 class="card-header">Project members</h2>