N
Nuxt•9mo ago
Yurii_Poliakov

Error using zod based type in defineProps<>()

When exporting type using z.infer<> of zod schema I have an error in defineProps<>() place. Pre-transform error: [@vue/compiler-sfc] Unresolvable type reference or unsupported built-in utility type PS: when using type without schema it works Code: 
types.ts
....
const CustomerSchema = z.object({ firstName: z.string() }) // dummy schema
export type Customer = z.infer<typeof CustomerSchema>

....
<script setup lang="ts">
import type { Customer } from '/types'

const props = defineProps<Customer>()
...
types.ts
....
const CustomerSchema = z.object({ firstName: z.string() }) // dummy schema
export type Customer = z.infer<typeof CustomerSchema>

....
<script setup lang="ts">
import type { Customer } from '/types'

const props = defineProps<Customer>()
...
No description
3 Replies
Ádám Metál [BP.Mentor]
Ádám Metál [BP.Mentor]•9mo ago
Hi, i have a working example for you. 🙂
Ádám Metál [BP.Mentor]
Ádám Metál [BP.Mentor]•9mo ago
Ádám Metál [BP.Mentor]
Ádám Metál [BP.Mentor]•9mo ago
I'm not the biggest nuxt dev just now, i'm still learning this stuff. (coming from nextjs) but i'm also like to use zod. And for me its working fine. 
<script lang="ts" setup>
const props = defineProps<{
  card: ScryCard;
}>();
</script>
<script lang="ts" setup>
const props = defineProps<{
  card: ScryCard;
}>();
</script>
Want results from more Discord servers?
Add your server