update

Author: gameroman

app/components/Compare/ReplacementSuggestion.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { ModuleReplacement } from 'module-replacements'
 import { resolveDocUrl } from 'module-replacements'
+import { getReplacementDescription, getReplacementNodeVersion } from '~/utils/module-replacements'
 
 const props = defineProps<{
   packageName: string
@@ -17,15 +18,7 @@ const emit = defineEmits<{
 
 const docUrl = computed(() => resolveDocUrl(props.replacement.url))
 
-const nodeVersion = computed(() => {
-  const nodeEngine = props.replacement.engines?.find(e => e.engine === 'nodejs')
-  return nodeEngine?.minVersion || null
-})
-
-function getReplacementDescription(replacement: ModuleReplacement) {
-  if (replacement.type === 'documented') return ''
-  return replacement.description ?? ''
-}
+const nodeVersion = computed(() => getReplacementNodeVersion(props.replacement))
 
 const replacementDescription = useMarkdown(() => ({
   text: getReplacementDescription(props.replacement),

app/components/Package/Replacement.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { ModuleReplacement, ModuleReplacementMapping } from 'module-replacements'
 import { resolveDocUrl } from 'module-replacements'
+import { getReplacementDescription, getReplacementNodeVersion } from '~/utils/module-replacements'
 
 const props = defineProps<{
   mapping: ModuleReplacementMapping
@@ -9,13 +10,10 @@ const props = defineProps<{
 
 const externalUrl = computed(() => resolveDocUrl(props.mapping.url ?? props.replacement.url))
 
-const nodeVersion = computed(() => {
-  const nodeEngine = props.replacement.engines?.find(e => e.engine === 'nodejs')
-  return nodeEngine?.minVersion || null
-})
+const nodeVersion = computed(() => getReplacementNodeVersion(props.replacement))
 
 const replacementDescription = useMarkdown(() => ({
-  text: (props.replacement as { description?: string }).description ?? '',
+  text: getReplacementDescription(props.replacement),
 }))
 </script>
 

app/composables/useCompareReplacements.ts

@@ -8,13 +8,13 @@ export interface ReplacementSuggestion {
 /**
  * Replacement types that suggest "no dependency" (can be replaced with native code or inline).
  */
-const NO_DEP_REPLACEMENT_TYPES = ['native', 'simple'] as const
+const NO_DEP_REPLACEMENT_TYPES = ['native', 'simple', 'removal'] as const satisfies ModuleReplacement['type'][]
 
 /**
  * Replacement types that are informational only.
  * These suggest alternative packages exist but don't fit the "no dependency" pattern.
  */
-const INFO_REPLACEMENT_TYPES = ['documented'] as const
+const INFO_REPLACEMENT_TYPES = ['documented'] as const satisfies ModuleReplacement['type'][]
 
 /**
  * Composable for fetching module replacement suggestions for packages in comparison.

app/utils/module-replacements.ts

@@ -0,0 +1,9 @@
+export function getReplacementDescription(replacement: ModuleReplacement) {
+  if (replacement.type === 'documented') return ''
+  return replacement.description ?? ''
+}
+
+export function getReplacementNodeVersion(replacement: ModuleReplacement) {
+  const nodeEngine = replacement.engines?.find(e => e.engine === 'nodejs')
+  return nodeEngine?.minVersion || null
+}