Vue 3 마이그레이션: Prop 유형이 알 수 없는 유형이 됩니다.

Question

다음과 같이 애플리케이션을 Vue 2에서 Vue 3으로 마이그레이션했습니다: https://www.vuemastery.com/blog/vue-3-migration-build/. 소품 및 해당 유형과 관련된 문제가 있습니다. "linter"에 따르면 모든 소품의 유형을 알 수 없는 것 같습니다. 템플릿 자체에는 오류가 표시되지 않기 때문입니다.

예를 들어. 다음과 같이 정의된 "cancelText" 속성이 있습니다.

으아악

그런 다음 이 소품을 다음과 같이 계산된 속성에 사용합니다.

으아악

변수 위로 마우스를 가져가면 유형이 표시되므로 어떤 유형인지 알 수 있는 것 같습니다.

하지만 애플리케이션을 제공하는 동안 터미널 내부에서 이 오류가 발생합니다

으아악

일부 패키지가 호환되지 않거나 일부 Linting 규칙을 Vue 3용으로 특별히 업데이트해야 합니다.

내가 사용하는 종속성은 다음과 같습니다.

으아악

Eslint 규칙은 다음과 같습니다.

cancelText: {
            type: String as PropType<string>,
            default: "",
        },

Answer 1

해 보세요

으아악

vue 3으로 마이그레이션하는 경우 vue-auth3, vue-i18n 등과 같은 레거시 API 지원이 공식적으로 중단되었으므로 compose/vue를 사용하세요. this.$t