fix: skills SSR + code viewer race condition

Author: onmax

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

@@ -71,14 +71,14 @@ const {
 )
 onMounted(() => fetchInstallSize())
 
-// Fetch skills data (lazy, client-side)
+// Fetch skills data
 const { data: skillsData } = useLazyFetch<SkillsListResponse>(
   () => {
     const base = `/skills/${packageName.value}`
     const version = requestedVersion.value
     return version ? `${base}/v/${version}` : base
   },
-  { server: false, default: () => ({ package: '', version: '', skills: [] }) },
+  { default: () => ({ package: '', version: '', skills: [] }) },
 )
 
 const { data: packageAnalysis } = usePackageAnalysis(packageName, requestedVersion)

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

@@ -99,9 +99,18 @@ const fileContentUrl = computed(() => {
   return `/api/registry/file/${packageName.value}/v/${version.value}/${filePath.value}`
 })
 
-const { data: fileContent, status: fileStatus } = useFetch<PackageFileContentResponse>(
-  () => fileContentUrl.value!,
-  { immediate: !!fileContentUrl.value },
+const {
+  data: fileContent,
+  status: fileStatus,
+  execute: fetchFileContent,
+} = useFetch<PackageFileContentResponse>(() => fileContentUrl.value!, { immediate: false })
+
+watch(
+  fileContentUrl,
+  url => {
+    if (url) fetchFileContent()
+  },
+  { immediate: true },
 )
 
 // Track hash manually since we update it via history API to avoid scroll