@@ -44,19 +44,29 @@ const replacementDescription = useMarkdown(() => ({
4444 <div class =" min-w-0 flex-1" >
4545 <p class =" font-medium" >{{ packageName }}: {{ $t('package.replacement.title') }}</p >
4646 <p class =" text-xs mt-0.5 opacity-80" >
47- <template v-if =" replacement .type === ' native' " >
48- <template v-if =" nodeVersion " >
49- <i18n-t keypath =" package.replacement.native" >
50- <template #replacement ><span v-html =" renderedNativeReplacement" /></template >
51- <template #nodeVersion >{{ nodeVersion }}</template >
52- </i18n-t >
47+ <i18n-t
48+ v-if =" nodeVersion && replacement.type === 'native'"
49+ keypath =" package.replacement.native"
50+ scope =" global"
51+ >
52+ <template #replacement >
53+ <span v-if =" replacementDescription" v-html =" replacementDescription" />
54+ <span v-else >{{ replacement.id }}</span >
5355 </template >
54- <template v-else >
55- <i18n-t keypath =" package.replacement.native_no_version" >
56- <template #replacement ><span v-html =" renderedNativeReplacement" /></template >
57- </i18n-t >
56+ <template #nodeVersion >
57+ {{ nodeVersion }}
5858 </template >
59- </template >
59+ </i18n-t >
60+ <i18n-t
61+ v-else-if =" replacement.type === 'native'"
62+ keypath =" package.replacement.native_no_version"
63+ scope =" global"
64+ >
65+ <template #replacement >
66+ <span v-if =" replacementDescription" v-html =" replacementDescription" />
67+ <span v-else >{{ replacement.id }}</span >
68+ </template >
69+ </i18n-t >
6070 <template v-else-if =" replacement .type === ' simple' " >
6171 <i18n-t keypath =" package.replacement.simple" >
6272 <template #replacement ><span v-html =" replacementDescription" /></template >
0 commit comments