Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Rule proposal: `component-filename-casing`

See original GitHub issue

Similar to name-property-casing this rule would enforce proper filename casing of vue component. https://vuejs.org/v2/style-guide/#Single-file-component-filename-casing-strongly-recommended

It should be quite easy to do in eslint. While parsing AST we can check for filename and report the root element if it’s not ok.

Issue Analytics

State:
Created 6 years ago
Reactions:3
Comments:6 (5 by maintainers)

Top GitHub Comments

2reactions

michalsnikcommented, Nov 27, 2017

I think PascalCase is the only right default 😃 it would be common with the way you import components

0reactions

JonathanDncommented, Jun 2, 2020

@michalsnik Is there any progress or any plugins / rules you know of that can enforce kebab-case .vue file names with eslint-plugin-vue ?

Top Results From Across the Web

file-name-casing - Rule

Rule : file-name-casing. Enforces a consistent file naming convention. Rationale. Helps maintain a consistent style across a file hierarchy. Config.

File Naming Conventions: simple rules save time and effort

The simple rules apply equally to electronic and physical files and folders. They provide assurance that the correct item is retrieved and cannot...

File naming and structure - Research Data Management at ...

Descriptive file names are an important part of organizing, sharing, and keeping track of data files. Develop a naming convention based on ...

File Naming Conventions - HURIDOCS

Underscores (e.g. file_name.xxx) · Dashes (e.g. file-name.xxx) · No separation (e.g. filename.xxx) · Camel case, where the first letter of each section of...

File naming conventions in reactJS? - Stack Overflow

To name component files, some people follow TitleCase.js and some follow camelCase.js . To name app directories, few people follow camelCase and ...