v3 UI alpha throws typescript error [plugin:vite:vue] [@vue/compiler-sfc] Failed to resolve extends
The error is coming from the Button component in line 65 as given below. How can I reslove this issue? I am using latest nuxt and yarn as the package manager
ERROR Internal server error: [@vue/compiler-sfc] Failed to resolve extends base type. 6:18:59 PM
If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore / before it, for example:
interface Props extends / @vue-ignore */ Base {}
Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.
/Users/gitamgadtaula/Desktop/work/grt/projects/nuxt3/node_modules/@nuxt/ui/dist/runtime/components/Button.vue
63 |
64 | const loadingAutoState = ref(false)
65 | const formLoading = inject<Ref<boolean> | undefined>(formLoadingInjectionKey, undefined)
ERROR Internal server error: [@vue/compiler-sfc] Failed to resolve extends base type. 6:18:59 PM
If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore / before it, for example:
interface Props extends / @vue-ignore */ Base {}
Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.
/Users/gitamgadtaula/Desktop/work/grt/projects/nuxt3/node_modules/@nuxt/ui/dist/runtime/components/Button.vue
63 |
64 | const loadingAutoState = ref(false)
65 | const formLoading = inject<Ref<boolean> | undefined>(formLoadingInjectionKey, undefined)
