Skip to content

Commit 5f78638

Browse files
committed
⭐️New: Add vue/camelcase rule
1 parent 9c49dcc commit 5f78638

File tree

5 files changed

+66
-0
lines changed

5 files changed

+66
-0
lines changed

Diff for: docs/rules/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,7 @@ For example:
140140
| Rule ID | Description | |
141141
|:--------|:------------|:---|
142142
| [vue/array-bracket-spacing](./array-bracket-spacing.md) | enforce consistent spacing inside array brackets | :wrench: |
143+
| [vue/camelcase](./camelcase.md) | enforce camelcase naming convention | |
143144
| [vue/component-name-in-template-casing](./component-name-in-template-casing.md) | enforce specific casing for the component naming style in template | :wrench: |
144145
| [vue/eqeqeq](./eqeqeq.md) | require the use of `===` and `!==` | :wrench: |
145146
| [vue/key-spacing](./key-spacing.md) | enforce consistent spacing between keys and values in object literal properties | :wrench: |

Diff for: docs/rules/camelcase.md

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
pageClass: rule-details
3+
sidebarDepth: 0
4+
title: vue/camelcase
5+
description: enforce camelcase naming convention
6+
---
7+
# vue/camelcase
8+
> enforce camelcase naming convention
9+
10+
This rule is the same rule as core [camelcase] rule but it applies to the expressions in `<template>`.
11+
12+
## :books: Further reading
13+
14+
- [camelcase]
15+
16+
[camelcase]: https://eslint.org/docs/rules/camelcase
17+
18+
## :mag: Implementation
19+
20+
- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/camelcase.js)
21+
- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/camelcase.js)

Diff for: lib/index.js

+1
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ module.exports = {
1010
'array-bracket-spacing': require('./rules/array-bracket-spacing'),
1111
'attribute-hyphenation': require('./rules/attribute-hyphenation'),
1212
'attributes-order': require('./rules/attributes-order'),
13+
'camelcase': require('./rules/camelcase'),
1314
'comment-directive': require('./rules/comment-directive'),
1415
'component-name-in-template-casing': require('./rules/component-name-in-template-casing'),
1516
'eqeqeq': require('./rules/eqeqeq'),

Diff for: lib/rules/camelcase.js

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
/**
2+
* @author Yosuke Ota
3+
*/
4+
'use strict'
5+
6+
const { wrapCoreRule } = require('../utils')
7+
8+
// eslint-disable-next-line
9+
module.exports = wrapCoreRule(require('eslint/lib/rules/camelcase'))

Diff for: tests/lib/rules/camelcase.js

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
/**
2+
* @author Yosuke Ota
3+
*/
4+
'use strict'
5+
6+
const RuleTester = require('eslint').RuleTester
7+
const rule = require('../../../lib/rules/camelcase')
8+
9+
const tester = new RuleTester({
10+
parser: 'vue-eslint-parser',
11+
parserOptions: { ecmaVersion: 2015 }
12+
})
13+
14+
tester.run('camelcase', rule, {
15+
valid: [
16+
`<template>
17+
<div :attr="{ myPref: 1 }" />
18+
</template>`
19+
],
20+
invalid: [
21+
{
22+
code: `
23+
<template>
24+
<div :attr="{ my_pref: 1 }" />
25+
</template>`,
26+
errors: [
27+
{
28+
message: 'Identifier \'my_pref\' is not in camel case.',
29+
line: 3
30+
}
31+
]
32+
}
33+
]
34+
})

0 commit comments

Comments
 (0)