chore: check url existence only

Author: danielroe

app/composables/npm/usePackage.ts

@@ -125,7 +125,7 @@ export function transformPackument(
   const rawStorybook = requestedPkgVersion?.storybook
   const storybook =
     rawStorybook && typeof rawStorybook === 'object' && 'url' in rawStorybook
-      ? (rawStorybook as { title?: string; url: string })
+      ? ({ url: rawStorybook.url } as { url: string })
       : undefined
 
   return {

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

@@ -112,7 +112,7 @@ const { data: readmeData } = useLazyFetch<ReadmeResponse>(
 const playgroundLinks = computed(() => [
   ...readmeData.value.playgroundLinks,
   // Libraries with a storybook field in package.json contain a link to their deployed playground
-  ...(pkg.value?.storybook
+  ...(pkg.value?.storybook?.url
     ? [
         {
           url: pkg.value.storybook.url,

shared/types/npm-registry.ts

@@ -83,7 +83,7 @@ export interface SlimPackument {
   'keywords'?: string[]
   'repository'?: { type?: string; url?: string; directory?: string }
   'bugs'?: { url?: string; email?: string }
-  'storybook'?: { title?: string; url: string }
+  'storybook'?: { url: string }
   /** current version */
   'requestedVersion': SlimPackumentVersion | null
   /** Only includes dist-tag versions (with installScripts info added per version) */