fix: add role attribute to markdown view mode buttons for accessibility

Author: yuyinws

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

@@ -387,6 +387,7 @@ useSeoMeta({
                 <button
                   v-for="mode in markdownViewModes"
                   :key="mode.key"
+                  role="tab"
                   class="px-2 py-1.5 font-mono text-xs rounded transition-colors duration-150 border border-solid focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50 inline-flex items-center gap-1.5"
                   :class="
                     markdownViewMode === mode.key

server/api/registry/file/[...pkg].get.ts

@@ -1,5 +1,6 @@
 import * as v from 'valibot'
 import { PackageFileQuerySchema } from '#shared/schemas/package'
+import type { ReadmeResponse } from '#shared/types/readme'
 import {
   CACHE_MAX_AGE_ONE_YEAR,
   ERROR_PACKAGE_VERSION_AND_FILE_FAILED,
@@ -168,9 +169,14 @@ export default defineCachedEventHandler(
 
       let markdownHtml: ReadmeResponse | undefined
       if (language === 'markdown') {
-        const packageData = await fetchNpmPackage(rawPackageName)
-        const repoInfo = parseRepositoryInfo(packageData.repository)
-        markdownHtml = await renderReadmeHtml(content, rawPackageName, repoInfo)
+        // Best-effort: markdown preview is optional; never block code view
+        try {
+          const packageData = await fetchNpmPackage(rawPackageName)
+          const repoInfo = parseRepositoryInfo(packageData.repository)
+          markdownHtml = await renderReadmeHtml(content, rawPackageName, repoInfo)
+        } catch {
+          markdownHtml = undefined
+        }
       }
 
       return {