Thread by @MichaelThiessen

Let me show you how to *steal* prop types in @vuejs.

I often find that I'm copying prop types from a child component to a parent.

For example, we have an `Icon` component being used in this component:

#webdevelopment

To get this to work, we need to add the correct prop types, copying from the `Icon` component:

What a pain.

And when the prop types of the `Icon` component are updated, you can be *sure* that you'll forget to come back to this component and update them.

Over time bugs will be introduced as the prop types for this component start to drift away from the prop types in the `Icon` component.

So that's why we'll *steal them* instead:

It doesn't have to get any more complicated than that!

But if you want, you can also dynamically update the name of the props to prepend "icon" on to the name of each, so it matches what we had in the original example.

If you want more @vuejs tips like this, I send out a newsletter with tips and insights on using Vue every week.

"This is the first time where I'm actually enjoying email newsletters" — Fahmi

Sign up here michaelnthiessen.com/newsletter