refactor: simplify

Author: danielroe

app/components/PackageCard.vue

@@ -27,7 +27,7 @@ const emit = defineEmits<{
         class="font-mono text-sm sm:text-base font-medium text-fg group-hover:text-fg transition-colors duration-200 min-w-0 break-all"
       >
         <NuxtLink
-          :to="{ name: 'package', params: parsePackageRouteParams(result.package.name) }"
+          :to="{ name: 'package', params: getPackagePageParams(result.package.name) }"
           :prefetch-on="prefetch ? 'visibility' : 'interaction'"
           class="focus-visible:outline-none decoration-none scroll-mt-48 scroll-mb-6 after:content-[''] after:absolute after:inset-0"
           :data-result-index="index"

app/components/PackageDependencies.vue

@@ -59,7 +59,7 @@ const sortedOptionalDependencies = computed(() => {
           class="flex items-center justify-between py-1 text-sm gap-2"
         >
           <NuxtLink
-            :to="{ name: 'package', params: parsePackageRouteParams(dep) }"
+            :to="{ name: 'package', params: getPackagePageParams(dep) }"
             class="font-mono text-fg-muted hover:text-fg transition-colors duration-200 truncate min-w-0"
           >
             {{ dep }}
@@ -75,7 +75,7 @@ const sortedOptionalDependencies = computed(() => {
               <span class="i-carbon-warning-alt w-3 h-3 block" />
             </span>
             <NuxtLink
-              :to="{ name: 'package', params: { ...parsePackageRouteParams(dep), version } }"
+              :to="{ name: 'package', params: getPackagePageParams(dep, version) }"
               class="font-mono text-xs text-right truncate"
               :class="getVersionClass(outdatedDeps[dep])"
               :title="outdatedDeps[dep] ? getOutdatedTooltip(outdatedDeps[dep]) : version"
@@ -114,7 +114,7 @@ const sortedOptionalDependencies = computed(() => {
         >
           <div class="flex items-center gap-2 min-w-0">
             <NuxtLink
-              :to="{ name: 'package', params: parsePackageRouteParams(peer.name) }"
+              :to="{ name: 'package', params: getPackagePageParams(peer.name) }"
               class="font-mono text-fg-muted hover:text-fg transition-colors duration-200 truncate"
             >
               {{ peer.name }}
@@ -130,7 +130,7 @@ const sortedOptionalDependencies = computed(() => {
           <NuxtLink
             :to="{
               name: 'package',
-              params: { ...parsePackageRouteParams(peer.name), version: peer.version },
+              params: getPackagePageParams(peer.name, peer.version),
             }"
             class="font-mono text-xs text-fg-subtle max-w-[40%] text-right truncate"
             :title="peer.version"
@@ -170,13 +170,13 @@ const sortedOptionalDependencies = computed(() => {
           class="flex items-center justify-between py-1 text-sm gap-2"
         >
           <NuxtLink
-            :to="{ name: 'package', params: parsePackageRouteParams(dep) }"
+            :to="{ name: 'package', params: getPackagePageParams(dep) }"
             class="font-mono text-fg-muted hover:text-fg transition-colors duration-200 truncate min-w-0"
           >
             {{ dep }}
           </NuxtLink>
           <NuxtLink
-            :to="{ name: 'package', params: { ...parsePackageRouteParams(dep), version } }"
+            :to="{ name: 'package', params: getPackagePageParams(dep, version) }"
             class="font-mono text-xs text-fg-subtle max-w-[50%] text-right truncate"
             :title="version"
           >

app/components/PackageInstallScripts.vue

@@ -69,7 +69,7 @@ const isExpanded = shallowRef(false)
           class="flex items-center justify-between py-0.5 text-sm gap-2"
         >
           <NuxtLink
-            :to="{ name: 'package', params: parsePackageRouteParams(dep) }"
+            :to="{ name: 'package', params: getPackagePageParams(dep) }"
             class="font-mono text-fg-muted hover:text-fg transition-colors duration-200 truncate min-w-0"
           >
             {{ dep }}

app/components/PackageVersions.vue

@@ -40,7 +40,7 @@ function hasProvenance(version: PackumentVersion | undefined): boolean {
 function versionRoute(version: string): RouteLocationRaw {
   return {
     name: 'package',
-    params: { ...parsePackageRouteParams(props.packageName), version },
+    params: getPackagePageParams(props.packageName, version),
   }
 }
 

app/composables/usePackageRoute.ts

@@ -1,5 +1,5 @@
-export function parsePackageRouteParams(pkg: string) {
+export function getPackagePageParams(pkg: string, version: string | null = null) {
   const [org, name] = pkg.startsWith('@') ? pkg.split('/') : [null, pkg]
 
-  return { org, name }
+  return { org, name, version }
 }

app/pages/code/[...path].vue

@@ -222,7 +222,7 @@ const orgName = computed(() => {
 function packageRoute(ver?: string | null) {
   return {
     name: 'package' as const,
-    params: { ...parsePackageRouteParams(packageName.value), version: ver },
+    params: getPackagePageParams(packageName.value, ver),
   }
 }
 

app/pages/index.vue

@@ -96,7 +96,7 @@ defineOgImageComponent('Default')
           :key="pkg"
         >
           <NuxtLink
-            :to="{ name: 'package', params: parsePackageRouteParams(pkg) }"
+            :to="{ name: 'package', params: getPackagePageParams(pkg) }"
             class="link-subtle font-mono text-sm inline-flex items-center gap-2 group"
           >
             <span