perf: lazily load package documentation (#1580)

Author: 43081j

app/pages/package-docs/[...path].vue

@@ -81,6 +81,7 @@ const { data: docsData, status: docsStatus } = useLazyFetch<DocsResponse>(
   {
     watch: [docsUrl],
     immediate: shouldFetch.value,
+    server: false,
     default: () => ({
       package: packageName.value,
       version: resolvedVersion.value ?? '',
@@ -113,7 +114,9 @@ defineOgImageComponent('Default', {
   primaryColor: '#60a5fa',
 })
 
-const showLoading = computed(() => docsStatus.value === 'pending')
+const showLoading = computed(
+  () => docsStatus.value === 'pending' || (docsStatus.value === 'idle' && docsUrl.value !== null),
+)
 const showEmptyState = computed(() => docsData.value?.status !== 'ok')
 </script>