diff --git a/app/components/PackageReplacement.vue b/app/components/PackageReplacement.vue index 58734df311..f40d28106e 100644 --- a/app/components/PackageReplacement.vue +++ b/app/components/PackageReplacement.vue @@ -5,23 +5,27 @@ const props = defineProps<{ replacement: ModuleReplacement }>() -const { t } = useI18n() - -const message = computed(() => { +const message = computed<[string, { replacement?: string; nodeVersion?: string }]>(() => { switch (props.replacement.type) { case 'native': - return t('package.replacement.native', { - replacement: props.replacement.replacement, - nodeVersion: props.replacement.nodeVersion, - }) + return [ + 'package.replacement.native', + { + replacement: props.replacement.replacement, + nodeVersion: props.replacement.nodeVersion, + }, + ] case 'simple': - return t('package.replacement.simple', { - replacement: props.replacement.replacement, - }) + return [ + 'package.replacement.simple', + { + replacement: props.replacement.replacement, + }, + ] case 'documented': - return t('package.replacement.documented') + return ['package.replacement.documented', {}] case 'none': - return t('package.replacement.none') + return ['package.replacement.none', {}] } }) @@ -45,7 +49,25 @@ const docPath = computed(() => { {{ $t('package.replacement.title') }}

- {{ message }} + + + + +