-
Notifications
You must be signed in to change notification settings - Fork 268
Integrate Stylelint #472
Copy link
Copy link
Open
Labels
good first issueNew-contributor friendlyNew-contributor friendlyhelp wantedOpen to participation from the communityOpen to participation from the community🌟 goal: additionAddition of new featureAddition of new feature🟩 priority: lowLow priority and doesn't need to be rushedLow priority and doesn't need to be rushed🤖 aspect: dxConcerns developers' experience with the codebaseConcerns developers' experience with the codebase🧱 stack: frontendRelated to the Nuxt frontendRelated to the Nuxt frontend
Description
Metadata
Metadata
Assignees
Labels
good first issueNew-contributor friendlyNew-contributor friendlyhelp wantedOpen to participation from the communityOpen to participation from the community🌟 goal: additionAddition of new featureAddition of new feature🟩 priority: lowLow priority and doesn't need to be rushedLow priority and doesn't need to be rushed🤖 aspect: dxConcerns developers' experience with the codebaseConcerns developers' experience with the codebase🧱 stack: frontendRelated to the Nuxt frontendRelated to the Nuxt frontend
Type
Fields
Give feedbackNo fields configured for issues without a type.
Projects
Status
📋 Backlog
Problem
We have ESLint to lint JS and TS code and Prettier for formatting the files. But we have no linting system set up for CSS files and
<style>blocks in Vue SFCs.Description
Along the same lines as ESLint, we should integrate Stylelint to lint our CSS files and
<style>blocks in Vue SFCs. Stylelint can find and flag potential errors, in addition to stylistic choices, and can also autofix in most cases.Alternatives
Prettier does format the CSS, but it comes in short when it comes to certain rules (example: blank lines between blocks).
Additional context
There is a Nuxt.js module for Stylelint https://github.com/nuxt-community/stylelint-module but I haven't worked out if using the module is in any way better than the default independent setup.