Commit 469148b2 authored by George Tsiolis's avatar George Tsiolis

Update vue component naming guidelines

parent 5edd94ae
---
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. ...@@ -302,20 +302,20 @@ Please check this [rules][eslint-plugin-vue-rules] for more documentation.
#### Naming #### Naming
1. **Extensions**: Use `.vue` extension for Vue components. 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 ```javascript
// bad // bad
import CardBoard from 'cardBoard' import cardBoard from 'cardBoard.vue'
components: { components: {
CardBoard: cardBoard,
}; };
// good // good
import cardBoard from 'cardBoard' import CardBoard from 'cardBoard.vue'
components: { 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