Generated types stay primitives

[qmhc]

Generated types stay primitives

[qmhc]

A temporary workaround is rollback to js-props:

<script setup lang="ts">
import type { PropType } from 'vue'

type Props = {
  color: 'blue' | 'red' | 'purple'
}
defineProps({
  color: String as PropType<Props['color']>
})
</script>

[KyllianV]

It works with this syntax, thanks

[qmhc]

Thanks for your using.

This is a limit of ts-props in compiler currently, you need to access the defineProps returned value:

<script setup lang="ts">
type Props = {
  color: 'blue' | 'red'
}

const props = defineProps<Props>()
</script>

[KyllianV]

When I access the returned value, the generated type looks like this :

But I still get no completion :