fix(diff): update package URLs to use /package/ prefix

- SidebarPanel.vue: Replace bare `/${dep.name}` dependency links with
  `packageRoute(dep.name)` which resolves to /package/:org?/:name
- ViewerPanel.vue: Update code browser URLs from /code/ alias to
  canonical /package-code/ path
- diff/[...path].vue: Remove duplicated local packageRoute() function
  and use the shared utility from ~/utils/router instead

Author: taskylizard

app/components/diff/SidebarPanel.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CompareResponse, FileChange } from '#shared/types'
+import { packageRoute } from '~/utils/router'
 
 const props = defineProps<{
   compare: CompareResponse
@@ -141,7 +142,7 @@ function handleFileSelect(file: FileChange) {
               />
 
               <NuxtLink
-                :to="`/${dep.name}`"
+                :to="packageRoute(dep.name)"
                 class="font-mono hover:text-fg transition-colors truncate min-w-0"
               >
                 {{ dep.name }}

app/components/diff/ViewerPanel.vue

@@ -208,7 +208,7 @@ function formatBytes(bytes: number | undefined): string {
 
 // Build code browser URL
 function getCodeUrl(version: string): string {
-  return `/code/${props.packageName}/v/${version}/${props.file.path}`
+  return `/package-code/${props.packageName}/v/${version}/${props.file.path}`
 }
 </script>
 

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

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CompareResponse, FileChange } from '#shared/types'
+import { packageRoute } from '~/utils/router'
 
 definePageMeta({
   name: 'diff',
@@ -109,16 +110,6 @@ const toVersionUrlPattern = computed(() => {
   return `/diff/${packageName.value}/v/${fromVersion.value}...{version}`
 })
 
-function packageRoute(ver?: string | null) {
-  const segments = packageName.value.split('/')
-  const org = segments.length > 1 ? segments[0] : undefined
-  const name = segments.length > 1 ? segments[1]! : segments[0]!
-  if (ver) {
-    return { name: 'package-version' as const, params: { org, name, version: ver } }
-  }
-  return { name: 'package' as const, params: { org, name } }
-}
-
 useSeoMeta({
   title: () => {
     if (fromVersion.value && toVersion.value) {
@@ -139,7 +130,7 @@ useSeoMeta({
         <!-- Package info -->
         <div class="flex items-center gap-2 mb-3 flex-wrap min-w-0">
           <NuxtLink
-            :to="packageRoute()"
+            :to="packageRoute(packageName)"
             class="font-mono text-lg font-medium hover:text-fg transition-colors min-w-0 truncate"
           >
             {{ packageName }}
@@ -186,7 +177,7 @@ useSeoMeta({
       <p class="text-fg-muted mb-4">
         Invalid comparison URL. Use format: /diff/package/v/from...to
       </p>
-      <NuxtLink :to="packageRoute()" class="btn">Go to package</NuxtLink>
+      <NuxtLink :to="packageRoute(packageName)" class="btn">Go to package</NuxtLink>
     </div>
 
     <!-- Loading state -->
@@ -198,7 +189,7 @@ useSeoMeta({
     <!-- Error state -->
     <div v-else-if="compareStatus === 'error'" class="container py-20 text-center" role="alert">
       <p class="text-fg-muted mb-4">Failed to compare versions</p>
-      <NuxtLink :to="packageRoute()" class="btn">Back to package</NuxtLink>
+      <NuxtLink :to="packageRoute(packageName)" class="btn">Back to package</NuxtLink>
     </div>
 
     <!-- Comparison content -->