feat: also pass the original content as md when fetching readmeData

Author: carwack

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

@@ -67,12 +67,12 @@ const { data: readmeData } = useLazyFetch<ReadmeResponse>(
     const version = requestedVersion.value
     return version ? `${base}/v/${version}` : base
   },
-  { default: () => ({ html: '', playgroundLinks: [], toc: [] }) },
+  { default: () => ({ html: '', md: '', playgroundLinks: [], toc: [] }) },
 )
 
-//copy README file
+//copy README file as Markdown
 const { copied: copiedReadme, copy: copyReadme } = useClipboard({
-  source: readmeData.value?.html ?? '',
+  source: readmeData.value?.md ?? '',
   copiedDuring: 2000,
 })
 
@@ -1137,15 +1137,16 @@ onKeyStroke(
           </h2>
           <ClientOnly>
             <div class="flex items-center gap-2">
+              <!-- Copy readme as Markdown button -->
               <TooltipApp
-                v-if="readmeData?.html"
+                v-if="readmeData?.md"
                 :text="copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')"
                 position="bottom"
               >
                 <button
                   type="button"
                   @click="copyReadme()"
-                  :disabled="!readmeData?.html"
+                  :disabled="!readmeData?.md"
                   class="px-2 py-1.5 font-mono text-xs rounded transition-colors duration-150 text-fg-subtle hover:text-fg inline-flex items-center gap-1.5"
                   :class="
                     copiedReadme ? 'text-accent bg-accent/10' : 'text-fg-subtle bg-bg hover:text-fg'

server/utils/readme.ts

@@ -269,7 +269,7 @@ export async function renderReadmeHtml(
   packageName: string,
   repoInfo?: RepositoryInfo,
 ): Promise<ReadmeResponse> {
-  if (!content) return { html: '', playgroundLinks: [], toc: [] }
+  if (!content) return { html: '', md: '', playgroundLinks: [], toc: [] }
 
   const shiki = await getShikiHighlighter()
   const renderer = new marked.Renderer()
@@ -455,6 +455,7 @@ ${html}
 
   return {
     html: convertToEmoji(sanitized),
+    md: content,
     playgroundLinks: collectedLinks,
     toc,
   }

shared/types/readme.ts

@@ -30,6 +30,8 @@ export interface TocItem {
 export interface ReadmeResponse {
   /** Rendered HTML content */
   html: string
+  /** Original markdown content */
+  md: string
   /** Extracted playground/demo links */
   playgroundLinks: PlaygroundLink[]
   /** Table of contents extracted from headings */