Commit d997fe13 authored by Phil Hughes's avatar Phil Hughes

Merge branch 'docs/update-vue-naming-guidelines' into 'master'

Update vue component naming guidelines See merge request !17018
parents 7534f7a8 469148b2
Pipeline #17309249 passed with stages
in 41 minutes 45 seconds
---
title: Update vue component naming guidelines
merge_request: 17018
author: George Tsiolis
type: other
......@@ -302,20 +302,20 @@ Please check this [rules][eslint-plugin-vue-rules] for more documentation.
#### Naming
1. **Extensions**: Use `.vue` extension for Vue components.
1. **Reference Naming**: Use camelCase for their instances:
1. **Reference Naming**: Use PascalCase for their instances:
```javascript
// bad
import CardBoard from 'cardBoard'
import cardBoard from 'cardBoard.vue'
components: {
CardBoard:
cardBoard,
};
// good
import cardBoard from 'cardBoard'
import CardBoard from 'cardBoard.vue'
components: {
cardBoard:
CardBoard,
};
```
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment