I am currently working on a project using eslint-plugin-vue, where I have both child and parent components. The issue at hand is that the child component needs to pass a value into the parent component.
// parent
export default {
name: 'recordDetail',
props: {
'record-id': { // however this will violate vue/prop-name-casing
type: Number
}
}
}
<!-- child -->
<recordDetail
:record-id="123"> <!-- it will violate vue/attribute-hyphenation if this is recordId="123" -->
</recordDetail>
I would appreciate any advice on how you would recommend handling this situation and what the best practices are when working with Vue. Thank you.