fix: optionality of org

Author: essenmitsosse

app/components/Package/InstallScripts.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { getOutdatedTooltip, getVersionClass } from '~/utils/npm/outdated-dependencies'
+import type { RouteLocationRaw } from 'vue-router'
 
 const props = defineProps<{
   packageName: string
@@ -11,12 +12,26 @@ const props = defineProps<{
   }
 }>()
 
-function getCodeLink(filePath: string): string {
-  return `/code/${props.packageName}/v/${props.version}/${filePath}`
+function getCodeLink(filePath: string): RouteLocationRaw {
+  const split = props.packageName.split('/')
+
+  console.log({ split })
+  return {
+    name: 'code',
+    params: {
+      org: split.length === 2 ? split[0] : null,
+      packageName: split.length === 2 ? split[1]! : split[0]!,
+      version: props.version,
+      filePath: '',
+    },
+  }
 }
 
 const scriptParts = computed(() => {
-  const parts: Record<string, { prefix: string | null; filePath: string | null; link: string }> = {}
+  const parts: Record<
+    string,
+    { prefix: string | null; filePath: string | null; link: RouteLocationRaw }
+  > = {}
   for (const scriptName of props.installScripts.scripts) {
     const content = props.installScripts.content?.[scriptName]
     if (!content) continue

…ckageName]/v/[version]/[...filePath].vue …ckageName]/v/[version]/[...filePath].vueapp/pages/package-code/@[[org]]/[packageName]/v/[version]/[...filePath].vue renamed to app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue app/pages/package-code/@[[org]]/[packageName]/v/[version]/[...filePath].vue renamed to app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue

@@ -7,10 +7,11 @@ import type {
 
 definePageMeta({
   name: 'code',
-  path: '/package-code/@:org?/:packageName/v/:version/:filePath(.*)?',
+  path: '/package-code/:org?/:packageName/v/:version/:filePath(.*)?',
   alias: [
-    '/package/code/@:org?/:packageName/v/:version/:filePath(.*)?',
-    '/code/@:org?/:packageName/v/:version/:filePath(.*)?',
+    '/package/code/:org?/:packageName/v/:version/:filePath(.*)?',
+    '/package/code/:packageName/v/:version/:filePath(.*)?',
+    // '/code/@:org?/:packageName/v/:version/:filePath(.*)?',
   ],
 })
 
@@ -23,7 +24,7 @@ const route = useRoute('code')
 //   /code/@nuxt/kit/v/1.0.0 → packageName: "@nuxt/kit", version: "1.0.0", filePath: null
 const parsedRoute = computed(() => {
   const packageName = route.params.org
-    ? `@${route.params.org}/${route.params.packageName}`
+    ? `${route.params.org}/${route.params.packageName}`
     : route.params.packageName
   const version = route.params.version
   const filePath = route.params.filePath || null
@@ -44,7 +45,7 @@ function getCodeUrl(args: {
   filePath?: string
 }): string {
   const base = args.org
-    ? `/package-code/@${args.org}/${args.packageName}/v/${args.version}`
+    ? `/package-code/${args.org}/${args.packageName}/v/${args.version}`
     : `/package-code/${args.packageName}/v/${args.version}`
   return args.filePath ? `${base}/${args.filePath}` : base
 }

app/pages/package/[[org]]/[name].vue

@@ -525,7 +525,7 @@ const codeLink = computed((): RouteLocationRaw | null => {
   return {
     name: 'code',
     params: {
-      org: split.length === 2 ? split[0]?.replace(/^@/, '') : undefined,
+      org: split.length === 2 ? split[0] : undefined,
       packageName: split.length === 2 ? split[1]! : split[0]!,
       version: resolvedVersion.value,
       filePath: '',