fix(website): use correct dependency target

This commit is contained in:
LukaDev 2024-10-14 13:27:43 +02:00
parent 7023069461
commit 3621f7a832
2 changed files with 6 additions and 3 deletions

View file

@ -34,7 +34,7 @@ export type DependencyEntry = [DependencyInfo, DependencyKind]
export type DependencyInfo = { export type DependencyInfo = {
index: string index: string
name: string name: string
target: string target?: string
version: string version: string
} }

View file

@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import { page } from "$app/stores"
import { DEPENDENCY_KIND_DISPLAY_NAMES, type DependencyKind } from "$lib/registry-api.js" import { DEPENDENCY_KIND_DISPLAY_NAMES, type DependencyKind } from "$lib/registry-api.js"
const { data } = $props() const { data } = $props()
@ -24,13 +25,15 @@
<div class="space-y-4"> <div class="space-y-4">
{#each group as { dependency: [dependencyInfo] }} {#each group as { dependency: [dependencyInfo] }}
{@const [scope, name] = dependencyInfo.name.split("/")} {@const [scope, name] = dependencyInfo.name.split("/")}
{@const target =
dependencyInfo.target ?? $page.params.target ?? data.pkg.targets[0].kind}
<article <article
class="bg-card hover:bg-card-hover relative overflow-hidden rounded px-5 py-4 transition" class="bg-card hover:bg-card-hover relative overflow-hidden rounded px-5 py-4 transition"
> >
<h3 class="font-semibold"> <h3 class="font-semibold">
<a <a
href={`/packages/${dependencyInfo.name}/latest/any`} href={`/packages/${dependencyInfo.name}/latest/${target}`}
class="after:absolute after:inset-0 after:content-['']" class="after:absolute after:inset-0 after:content-['']"
> >
<span class="text-heading">{scope}/</span><span class="text-light">{name}</span> <span class="text-heading">{scope}/</span><span class="text-light">{name}</span>
@ -39,7 +42,7 @@
<div class="text-primary text-sm font-semibold"> <div class="text-primary text-sm font-semibold">
{dependencyInfo.version} {dependencyInfo.version}
· ·
{dependencyInfo.target} {target}
</div> </div>
</article> </article>
{/each} {/each}