[@vue/compiler-sfc] Failed to resolve index type into finite keys

[laterdayi]

Vue version

lastest

Link to minimal reproduction

Steps to reproduce

<script setup lang="ts">
import type { InputNumberProps } from 'naive-ui';
const { componentProps } = defineProps<InputNumberProps>();
const slots = useSlots();
</script>

[vite] Internal server error: [@vue/compiler-sfc] Failed to resolve index type into finite keys

E:/projects/stp-web/node_modules/naive-ui/es/_utils/naive/extract-public-props.d.ts        
3  |  type themePropKeys = keyof typeof useTheme.props;
4  |  type RemoveReadonly<T> = {
5  |      -readonly [key in keyof T]: T[key];
   |                        ^^^^^^^
6  |  };
7  |  export type ExtractPublicPropTypes<T> = Omit<Partial<RemoveReadonly<ExtractPropTypes<T>>>, Exclude<themePropKeys, 'themeOverrides'> | Extract<keyof T, `internal${string}`>>; 

What is expected?

Fix this error, otherwise Support imported types in SFC macros seems pointless

What is actually happening?

[@vue/compiler-sfc] Failed to resolve index type into finite keys #9111

System Info

window

Any additional comments?

No response

[edison1105]

It is not supported native-ui yet.
use /@vue-ignore/ to skip it.

[laterdayi]

Should this be handled by vue or naiveUI?
@edison1105

[laterdayi]

<script setup lang="ts">
import type { InputNumberProps } from 'naive-ui';
const { componentProps } = defineProps<InputNumberProps>();
const slots = useSlots();
</script>

@edison1105 Where should I set /@vue-ignore/

[sxzz]

Duplicate of #8286

See #8286 (comment) #8286 (comment)

[laterdayi]

Duplicate of #8266

See #8286 (comment) #8286 (comment)

Does this mean that v3.3 still cannot use external props?

[sxzz]

It's not a yes or no question. Please read the two comments I provided. I believe they have explained it in enough detail.

[laterdayi]

Where should I set /@vue-ignore/

<script setup lang="ts">
import type { InputNumberProps } from 'naive-ui';
Where should I set /@vue-ignore/
const { componentProps } = defineProps<InputNumberProps>();
const slots = useSlots();
</script>

@sxzz Thank you for your help. I have already read it, but I set /@vue-ignore/, it will still report an error

[sxzz]

https://play.vuejs.org/#eNp9kDFPwzAQhf+K5aVQlWboFoUKijrAABUweomSS3Cb3Fk+uy2q8t+xHRU6oC4e3nt3/u6d5KMx870HmcuCK6uNEwzOG9GV2N4r6VjJpULdG7JOuG8DYlUyiMZSLyYed0gHnIQAOrBNWYHYWDIs4OgAaxbZ9CFsv9MtkoVpNg6fFArREOWCndXYKhwU1tBohDRdpHd5c6uwyEaqwCBngaYibHQ73zJhQE6LlKyoN7oD+2acJgzE+fhF9Mquo8NL0pz1MDvr1RdUu3/0LR+jpuTGAoPdg5K/nittC2601x+v4cYLs6fadyF9xXwHps5HxjG28lgH7Itcon1OZYdePnkda+TzURE0JoeUVzI0+3Tl9D/cxXyR5kLRcvgBKAanYQ==