A Better Way To Create Vue Components With Props Using TypeScript

Published: 20 February 2024
on channel: Program With Erik

11,136

380

The defineProps in Vue can be used in a few ways using TypeScript. In this video I discuss 2 different ways of using props and what I think is best using Zod.

👉 Check out my last video on Styling with Tailwind
• Style Your App With Tailwind CSS In 1...

👉Sign up for my mailing list and get neat stuff!
https://bit.ly/3Umk7sW

👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring!
https://mentors.to/erik

Links:
https://zod.dev/?id=installation
https://blog.vuejs.org/posts/vue-3-3#...

0:00 defineProps problem
0:36 inherit props explained and $attrs
02:00 using defineProps
03:30 adding validations
04:25 using defineProps with TS
06:23 adding in default values with destructuring
08:10 adding in validation with Zod