Skip to content

File Naming Style

Rules

Folder name casing [Mandatory]

Folder name should be always kebab-case

mct-header/
|- index.vue
cluster-view
|- index.vue

Single-file component filename casing [Mandatory]

Filenames of Single-File Components should either be always PascalCase or always kebab-case. PascalCase works best with autocompletion in code editors, as it's consistent with how we reference components in JS(X) and templates, wherever possible. However, mixed case filenames can sometimes create issues on case-insensitive file systems, which is why kebab-case is also perfectly acceptable.

💡 Filenames of Single-File Components should be PascalCase in MCT and UAS projects.

// bad
components/
|- mycomponent.vue
components/
|- myComponent.vue

// good
components/
|- my-component.vue

Style filename casing [Mandatory]

Filenames of style file (.less, .css, .scss, etc.) should be always lowercase or camel case.

```xml reset.less

Images filename casing [Mandatory]

Filename of images(.png, .jpeg, .svg, etc.) should always meet these requirements:

  • All lowercase characters
  • No spaces
  • Use underscore to separate words
  • No other special characters except underscore
hea_logo.jpeg
hea_logo.svg