akxcv/vuera

Attribute hyphenation

Open

#40 aberto em 7 de mai. de 2018

Ver no GitHub
 (2 comments) (1 reaction) (0 assignees)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.

Guia do colaborador

Pilha de tecnologia
javascriptreactvue
Domain
frontend
Tipo Issue
bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
half day
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
stale
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
VueReactbasic JavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60
Direção de pesquisa
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.