fix: wait for readme loading

Author: alexdln

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

@@ -106,7 +106,15 @@ const { data: readmeData } = useLazyFetch<ReadmeResponse>(
     const version = requestedVersion.value
     return version ? `${base}/v/${version}` : base
   },
-  { default: () => ({ html: '', mdExists: false, playgroundLinks: [], toc: [] }) },
+  {
+    default: () => ({
+      html: '',
+      mdExists: false,
+      playgroundLinks: [],
+      toc: [],
+      defaultValue: true,
+    }),
+  },
 )
 
 const playgroundLinks = computed(() => [
@@ -789,7 +797,7 @@ const showSkeleton = shallowRef(false)
     <article
       v-else-if="
         isHydratingWithServerContent ||
-        (hasServerContentOnly && serverRenderedHtml && (!pkg || !readmeData))
+        (hasServerContentOnly && serverRenderedHtml && (!pkg || !readmeData?.defaultValue))
       "
       id="package-article"
       :class="$style.packagePage"

shared/types/readme.ts

@@ -28,6 +28,8 @@ export interface TocItem {
  * Response from README API endpoint
  */
 export interface ReadmeResponse {
+  /** Whether the response is the default value */
+  defaultValue: boolean
   /** Whether the README exists */
   mdExists?: boolean
   /** Rendered HTML content */