Custom Element don't receive props when using SFC

[educkf]

Hello there!

When creating a custom element using a Single File Component, I can't read any of the props assigned on the element once rendered.

Reproduction environment

Some code example:

// index.html
<paginate-content
	propertyOne="PropertyOne from custom element"
>(...)</paginate-content>

...should show that texto on screen, but instead I get the default prop text assigned on component.

// App.ce.vue
props: {
	propertyOne: {
		type: String,
		default: 'propertyOne: showing default prop... nothing from above'
	}
}

[spenserblack]

In the HTML, change propertyOne="..." to property-one="...". Vue SFCs are smart enough to recognize camel case, so you can have properties likeThis or like-this, but in the HTML itself you will have to use hyphens. This is because HTML property names are case-insensitive.

[educkf]

Awesome! thanks so much!