---
url: /docs/guide/usage/linter/rules/vue/prop-name-casing.md
---

### What it does

Enforce a specific casing (camelCase or snake\_case) for Vue component
prop names.

### Why is this bad?

Inconsistent prop name casing makes templates harder to read and grep
for. Pinning props to a single casing across the codebase keeps the
declaration site and the call site aligned.

### Examples

Examples of **incorrect** code for this rule (default `camelCase`):

```vue
<script>
export default {
  props: {
    greeting_text: String,
  },
};
</script>
```

Examples of **correct** code for this rule (default `camelCase`):

```vue
<script>
export default {
  props: {
    greetingText: String,
  },
};
</script>
```

## Configuration

### The 1st option

type: `"camelCase" | "snake_case"`

### The 2nd option

This option is an object with the following properties:

#### ignoreProps

type: `string[]`

Prop names to ignore, as regular expression patterns.

## How to use

## Version

This rule was added in v1.69.0.

## References