fix: code and docs edge cases and infinte package load

Author: mikouaji

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

@@ -8,7 +8,8 @@ import { formatBytes } from '~/utils/formatters'
 
 definePageMeta({
   name: 'code',
-  alias: ['/package/code/:path(.*)*', '/code/:path(.*)*'],
+  // Both alias paths need to be (.+) so that they don't match the package page alias.
+  alias: ['/package/code/:path(.+)', '/code/:path(.+)'],
 })
 
 const route = useRoute('code')
@@ -19,7 +20,8 @@ const route = useRoute('code')
 //   /code/nuxt/v/4.2.0/src/index.ts → packageName: "nuxt", version: "4.2.0", filePath: "src/index.ts"
 //   /code/@nuxt/kit/v/1.0.0 → packageName: "@nuxt/kit", version: "1.0.0", filePath: null
 const parsedRoute = computed(() => {
-  const segments = route.params.path || []
+  const path = route.params.path
+  const segments = typeof path === 'string' ? (path as string).split('/') : path || []
 
   // Find the /v/ separator for version
   const vIndex = segments.indexOf('v')

app/pages/package-docs/[...path].vue

@@ -5,14 +5,16 @@ import { assertValidPackageName } from '#shared/utils/npm'
 
 definePageMeta({
   name: 'docs',
-  alias: ['/package/docs/:path(.*)*', '/docs/:path(.*)*'],
+  // Both alias paths need to be (.+) so that they don't match the package page alias.
+  alias: ['/package/docs/:path(.+)', '/docs/:path(.+)'],
 })
 
 const route = useRoute('docs')
 const router = useRouter()
 
 const parsedRoute = computed(() => {
-  const segments = route.params.path || []
+  const path = route.params.path
+  const segments = typeof path === 'string' ? (path as string).split('/') : path || []
   const vIndex = segments.indexOf('v')
 
   if (vIndex === -1 || vIndex >= segments.length - 1) {