chore: rewrite version resolver

Author: alexdln

app/composables/npm/useResolvedVersion.ts

@@ -1,18 +1,20 @@
 import type { ResolvedPackageVersion } from 'fast-npm-meta'
 
-export async function useResolvedVersion(
+export function useResolvedVersion(
   packageName: MaybeRefOrGetter<string>,
   requestedVersion: MaybeRefOrGetter<string | null>,
 ) {
-  const versionData = useState<string | null>('versionData')
-
-  await callOnce(async () => {
-    const version = toValue(requestedVersion)
-    const name = toValue(packageName)
-    const url = version
-      ? `https://npm.antfu.dev/${name}@${version}`
-      : `https://npm.antfu.dev/${name}`
-    versionData.value = await $fetch<ResolvedPackageVersion>(url).then(data => data.version)
-  })
-  return versionData
+  return useAsyncData(
+    () => `resolved-version:${toValue(packageName)}:${toValue(requestedVersion) ?? 'latest'}`,
+    async () => {
+      const version = toValue(requestedVersion)
+      const name = toValue(packageName)
+      const url = version
+        ? `https://npm.antfu.dev/${name}@${version}`
+        : `https://npm.antfu.dev/${name}`
+      const data = await $fetch<ResolvedPackageVersion>(url)
+      return data.version
+    },
+    { default: () => null },
+  )
 }

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

@@ -194,7 +194,7 @@ const { data: skillsData } = useLazyFetch<SkillsListResponse>(
 const { data: packageAnalysis } = usePackageAnalysis(packageName, requestedVersion)
 const { data: moduleReplacement } = useModuleReplacement(packageName)
 
-const resolvedVersion = await useResolvedVersion(packageName, requestedVersion)
+const { data: resolvedVersion } = await useResolvedVersion(packageName, requestedVersion)
 
 if (resolvedVersion.value === null) {
   throw createError({