akxcv/vuera

Attribute hyphenation

Open

#40 ouverte le 7 mai 2018

Voir sur GitHub
 (2 commentaires) (1 réaction) (0 assignés)JavaScript (4 260 stars) (264 forks)batch import
enhancementgood first issuehacktoberfesthelp wanted

Description

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.

Guide contributeur

Stack technique
javascriptreactvue
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
VueReactbasic JavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
The issue is about attribute hyphenation in vuera, which bridges Vue and React components. The bug likely lies in the prop transformation logic where camelCase is not converted to kebab case for Vue templates. Check the VueWrapper component for prop handling, possibly in the conversion function that maps React props to Vue props. Also review any existing tests related to prop passing.