akxcv / vuera

:eyes: Vue in React, React in Vue. Seamless integration of the two. :dancers:
MIT License
4.3k stars 242 forks source link

Attribute hyphenation #40

Open bmaland opened 6 years ago

bmaland commented 6 years ago

Hi, great library but I found a small issue:

When passing props to the React component, Vue hyphenation rules doesn't work as expected. E.g. <my-react-component :form-data="someData" /> has to be written as <my-react-component :formData="someData" />, which breaks standard Vue linting rules.

Workaround is to add <!-- eslint-disable vue/attribute-hyphenation --> to the templates where needed, but would be nice if this was handled automatically by vuera.

akxcv commented 6 years ago

Hi, yeah, it looks like this would be easy to do, also it shouldn't break anything. Would you be so kind to submit a PR?

donni106 commented 3 years ago

Anything happened here? I also encountered the problem with props being hyphenated where i expected them as camelCase.