Allowing two dashes properties on naming-convention #174
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
While animating components we interact a lot with css custom properties which start with [two dashes].(https://drafts.csswg.org/css-variables/).
Case Example:
gsap.to(element, {'--pseudo-opacity': 0});
On the code above the following error will be dispatched:
ESLint: Object Literal Property name '--pseudo-opacity' must match one of the following formats: strictCamelCase(@typescript-eslint/naming-convention)
This has led to a lot of suppressing in files that interact with css variables, in some cases the rule ends up disabled to the whole file, which prevent us from taking advantage of it.
This PR should allow us to filter properties that starts with -- and ignore them, avoiding suppressing the issue by not dispatching the error.