Use resolveDocUrl

Author: gameroman

app/components/Compare/ReplacementSuggestion.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ModuleReplacement } from 'module-replacements'
-import { resolveReplacementUrl } from '~/utils/resolve-replacement-url'
+import { resolveDocUrl } from 'module-replacements'
 
 const props = defineProps<{
   packageName: string
@@ -15,7 +15,7 @@ const emit = defineEmits<{
   addNoDep: []
 }>()
 
-const docUrl = computed(() => resolveReplacementUrl(props.replacement.url))
+const docUrl = computed(() => resolveDocUrl(props.replacement.url))
 
 const nodeVersion = computed(() => {
   const nodeEngine = props.replacement.engines?.find(e => e.engine === 'nodejs')

app/components/Package/Replacement.vue

@@ -1,15 +1,13 @@
 <script setup lang="ts">
 import type { ModuleReplacement, ModuleReplacementMapping } from 'module-replacements'
-import { resolveReplacementUrl } from '~/utils/resolve-replacement-url'
+import { resolveDocUrl } from 'module-replacements'
 
 const props = defineProps<{
   mapping: ModuleReplacementMapping
   replacement: ModuleReplacement
 }>()
 
-const externalUrl = computed(() =>
-  resolveReplacementUrl(props.mapping.url ?? props.replacement.url),
-)
+const externalUrl = computed(() => resolveDocUrl(props.mapping.url ?? props.replacement.url))
 
 const nodeVersion = computed(() => {
   const nodeEngine = props.replacement.engines?.find(e => e.engine === 'nodejs')

app/utils/resolve-replacement-url.ts

@@ -10,11 +10,9 @@ test.describe('Package Replacement Suggestions', () => {
     // Wait for the package page to load
     await expect(page.locator('h1')).toContainText('strip-ansi', { timeout: 15_000 })
 
-    // The replacement component renders a "Learn more" anchor driven by resolveReplacementUrl.
+    // The replacement component renders a "Learn more" anchor.
     // For strip-ansi the url.type is 'e18e', so the href resolves to:
     // https://e18e.dev/docs/replacements/strip-ansi
-    //
-    // useLazyFetch is used, so the suggestion arrives after hydration — use a generous timeout.
     const replacementLink = page.locator('a[href="https://e18e.dev/docs/replacements/strip-ansi"]')
     await expect(replacementLink).toBeVisible({ timeout: 15_000 })
   })