From 40b3a76ad2206bd7911bbd519879eaa8c2c3eda7 Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 12:43:45 +0900 Subject: [PATCH 01/13] =?UTF-8?q?=E2=9C=A8=20add=20major=20changeset=20for?= =?UTF-8?q?=20@naverpay/stylelint-config=20dependencies=20update?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .changeset/add-major-changeset.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 .changeset/add-major-changeset.md diff --git a/.changeset/add-major-changeset.md b/.changeset/add-major-changeset.md new file mode 100644 index 0000000..31495f6 --- /dev/null +++ b/.changeset/add-major-changeset.md @@ -0,0 +1,7 @@ +--- +"@naverpay/stylelint-config": major +--- + +update @naverpay/stylelint-config dependencies + +PR: [new canary workflow & stylelint-config](https://github.com/NaverPayDev/code-style/pull/111) From 22ef43109d840115df87390e3dfd6e65b9828e3e Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 12:45:50 +0900 Subject: [PATCH 02/13] =?UTF-8?q?=E2=9C=A8=20update=20keywords=20in=20styl?= =?UTF-8?q?elint=20config=20for=20better=20discoverability?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/stylelint-config/package.json | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/stylelint-config/package.json b/packages/stylelint-config/package.json index 1d7ad33..4d4f731 100644 --- a/packages/stylelint-config/package.json +++ b/packages/stylelint-config/package.json @@ -5,7 +5,9 @@ "keywords": [ "naverpay", "stylelint", - "stylelint-config" + "stylelint-config", + "postcss", + "postcss-scss" ], "homepage": "https://github.com/NaverPayDev/code-style", "repository": { From 835d096d87b236cbbafb9076b3bb0453d3aaa04c Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 13:02:19 +0900 Subject: [PATCH 03/13] =?UTF-8?q?=F0=9F=94=84=20refactor:=20migrate=20to?= =?UTF-8?q?=20ES=20module=20syntax=20in=20stylelint=20config=20files?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/stylelint-config/index.js | 12 ++++++------ packages/stylelint-config/package.json | 1 + .../src/rules/stylelint-order/index.js | 2 +- .../src/rules/stylelint-scss/index.js | 2 +- .../src/rules/stylelint/at-rule/index.js | 2 +- .../src/rules/stylelint/block/index.js | 2 +- .../src/rules/stylelint/color/index.js | 2 +- .../src/rules/stylelint/comment/index.js | 2 +- .../src/rules/stylelint/declaration/index.js | 2 +- .../src/rules/stylelint/font/index.js | 2 +- .../src/rules/stylelint/function/index.js | 2 +- .../src/rules/stylelint/general/index.js | 2 +- .../stylelint-config/src/rules/stylelint/index.js | 2 +- .../src/rules/stylelint/length/index.js | 2 +- .../src/rules/stylelint/media-feature/index.js | 2 +- .../src/rules/stylelint/number/index.js | 2 +- .../src/rules/stylelint/property/index.js | 2 +- .../src/rules/stylelint/rule/index.js | 2 +- .../src/rules/stylelint/selector/index.js | 2 +- .../src/rules/stylelint/string/index.js | 2 +- .../src/rules/stylelint/unit/index.js | 2 +- .../src/rules/stylelint/value/index.js | 2 +- 22 files changed, 27 insertions(+), 26 deletions(-) diff --git a/packages/stylelint-config/index.js b/packages/stylelint-config/index.js index 89c2db3..06a092d 100644 --- a/packages/stylelint-config/index.js +++ b/packages/stylelint-config/index.js @@ -1,11 +1,11 @@ -const postcss = require('postcss') -const postcssScss = require('postcss-scss') +import postcss from 'postcss' +import postcssScss from 'postcss-scss' -const stylelintRule = require('./src/rules/stylelint') -const stylelintRuleOrder = require('./src/rules/stylelint-order') -const stylelintRuleSCSS = require('./src/rules/stylelint-scss') +import stylelintRule from './src/rules/stylelint' +import stylelintRuleOrder from './src/rules/stylelint-order' +import stylelintRuleSCSS from './src/rules/stylelint-scss' -module.exports = { +export default { overrides: [ { files: ['**/*.css'], diff --git a/packages/stylelint-config/package.json b/packages/stylelint-config/package.json index 4d4f731..b298240 100644 --- a/packages/stylelint-config/package.json +++ b/packages/stylelint-config/package.json @@ -17,6 +17,7 @@ }, "license": "MIT", "author": "@NaverPayDev/frontend", + "type": "module", "main": "index.js", "dependencies": { "stylelint": "^16.19.1", diff --git a/packages/stylelint-config/src/rules/stylelint-order/index.js b/packages/stylelint-config/src/rules/stylelint-order/index.js index bd0e5f6..8fbcbca 100644 --- a/packages/stylelint-config/src/rules/stylelint-order/index.js +++ b/packages/stylelint-config/src/rules/stylelint-order/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'order/order': [ 'custom-properties', 'dollar-variables', diff --git a/packages/stylelint-config/src/rules/stylelint-scss/index.js b/packages/stylelint-config/src/rules/stylelint-scss/index.js index 22a8566..0ddf161 100644 --- a/packages/stylelint-config/src/rules/stylelint-scss/index.js +++ b/packages/stylelint-config/src/rules/stylelint-scss/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'scss/at-rule-no-unknown': true, 'scss/at-mixin-parentheses-space-before': 'never', 'scss/dollar-variable-colon-space-after': 'always', diff --git a/packages/stylelint-config/src/rules/stylelint/at-rule/index.js b/packages/stylelint-config/src/rules/stylelint/at-rule/index.js index 35f2cd7..b937112 100644 --- a/packages/stylelint-config/src/rules/stylelint/at-rule/index.js +++ b/packages/stylelint-config/src/rules/stylelint/at-rule/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'at-rule-no-unknown': null, 'at-rule-empty-line-before': [ 'always', diff --git a/packages/stylelint-config/src/rules/stylelint/block/index.js b/packages/stylelint-config/src/rules/stylelint/block/index.js index 5be52d9..1d2636b 100644 --- a/packages/stylelint-config/src/rules/stylelint/block/index.js +++ b/packages/stylelint-config/src/rules/stylelint/block/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'block-no-empty': [true], 'block-closing-brace-empty-line-before': 'never', 'block-closing-brace-newline-after': [ diff --git a/packages/stylelint-config/src/rules/stylelint/color/index.js b/packages/stylelint-config/src/rules/stylelint/color/index.js index 3707525..f2f3f3b 100644 --- a/packages/stylelint-config/src/rules/stylelint/color/index.js +++ b/packages/stylelint-config/src/rules/stylelint/color/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'alpha-value-notation': 'number', 'color-no-invalid-hex': true, 'color-function-notation': 'legacy', diff --git a/packages/stylelint-config/src/rules/stylelint/comment/index.js b/packages/stylelint-config/src/rules/stylelint/comment/index.js index ea2a792..28d3d7c 100644 --- a/packages/stylelint-config/src/rules/stylelint/comment/index.js +++ b/packages/stylelint-config/src/rules/stylelint/comment/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'comment-no-empty': true, 'comment-empty-line-before': [ 'always', diff --git a/packages/stylelint-config/src/rules/stylelint/declaration/index.js b/packages/stylelint-config/src/rules/stylelint/declaration/index.js index 3bc4cb6..d5098a2 100644 --- a/packages/stylelint-config/src/rules/stylelint/declaration/index.js +++ b/packages/stylelint-config/src/rules/stylelint/declaration/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'declaration-block-no-duplicate-custom-properties': true, 'declaration-block-no-duplicate-properties': [ true, diff --git a/packages/stylelint-config/src/rules/stylelint/font/index.js b/packages/stylelint-config/src/rules/stylelint/font/index.js index edef13f..7d6bd3c 100644 --- a/packages/stylelint-config/src/rules/stylelint/font/index.js +++ b/packages/stylelint-config/src/rules/stylelint/font/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'font-family-no-duplicate-names': true, 'font-family-no-missing-generic-family-keyword': true, } diff --git a/packages/stylelint-config/src/rules/stylelint/function/index.js b/packages/stylelint-config/src/rules/stylelint/function/index.js index 2802614..867624f 100644 --- a/packages/stylelint-config/src/rules/stylelint/function/index.js +++ b/packages/stylelint-config/src/rules/stylelint/function/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'function-calc-no-unspaced-operator': true, 'function-linear-gradient-no-nonstandard-direction': true, 'function-comma-newline-after': 'never-multi-line', diff --git a/packages/stylelint-config/src/rules/stylelint/general/index.js b/packages/stylelint-config/src/rules/stylelint/general/index.js index a56f7f5..a0c6cba 100644 --- a/packages/stylelint-config/src/rules/stylelint/general/index.js +++ b/packages/stylelint-config/src/rules/stylelint/general/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'no-duplicate-selectors': true, 'no-empty-source': true, indentation: 4, diff --git a/packages/stylelint-config/src/rules/stylelint/index.js b/packages/stylelint-config/src/rules/stylelint/index.js index ead9135..234e4f3 100644 --- a/packages/stylelint-config/src/rules/stylelint/index.js +++ b/packages/stylelint-config/src/rules/stylelint/index.js @@ -16,7 +16,7 @@ const string = require('./string') const unit = require('./unit') const value = require('./value') -module.exports = { +export default { ...general, ...color, ...font, diff --git a/packages/stylelint-config/src/rules/stylelint/length/index.js b/packages/stylelint-config/src/rules/stylelint/length/index.js index cf439e3..5a883fb 100644 --- a/packages/stylelint-config/src/rules/stylelint/length/index.js +++ b/packages/stylelint-config/src/rules/stylelint/length/index.js @@ -1,3 +1,3 @@ -module.exports = { +export default { 'length-zero-no-unit': true, } diff --git a/packages/stylelint-config/src/rules/stylelint/media-feature/index.js b/packages/stylelint-config/src/rules/stylelint/media-feature/index.js index 1b1aebb..f926b04 100644 --- a/packages/stylelint-config/src/rules/stylelint/media-feature/index.js +++ b/packages/stylelint-config/src/rules/stylelint/media-feature/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'media-feature-name-no-unknown': true, 'media-feature-colon-space-after': 'always', 'media-feature-colon-space-before': 'never', diff --git a/packages/stylelint-config/src/rules/stylelint/number/index.js b/packages/stylelint-config/src/rules/stylelint/number/index.js index 8cc0b7d..155e95c 100644 --- a/packages/stylelint-config/src/rules/stylelint/number/index.js +++ b/packages/stylelint-config/src/rules/stylelint/number/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'number-leading-zero': 'always', 'number-no-trailing-zeros': true, } diff --git a/packages/stylelint-config/src/rules/stylelint/property/index.js b/packages/stylelint-config/src/rules/stylelint/property/index.js index 33f7bfa..7e6d124 100644 --- a/packages/stylelint-config/src/rules/stylelint/property/index.js +++ b/packages/stylelint-config/src/rules/stylelint/property/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'property-no-unknown': true, 'property-case': 'lower', 'shorthand-property-no-redundant-values': true, diff --git a/packages/stylelint-config/src/rules/stylelint/rule/index.js b/packages/stylelint-config/src/rules/stylelint/rule/index.js index 980875a..21db0b3 100644 --- a/packages/stylelint-config/src/rules/stylelint/rule/index.js +++ b/packages/stylelint-config/src/rules/stylelint/rule/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'rule-empty-line-before': [ 'always', { diff --git a/packages/stylelint-config/src/rules/stylelint/selector/index.js b/packages/stylelint-config/src/rules/stylelint/selector/index.js index 499be73..9b7bd57 100644 --- a/packages/stylelint-config/src/rules/stylelint/selector/index.js +++ b/packages/stylelint-config/src/rules/stylelint/selector/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'selector-attribute-brackets-space-inside': 'never', 'selector-attribute-operator-space-after': 'never', 'selector-attribute-operator-space-before': 'never', diff --git a/packages/stylelint-config/src/rules/stylelint/string/index.js b/packages/stylelint-config/src/rules/stylelint/string/index.js index 45fe87d..3e1fc1c 100644 --- a/packages/stylelint-config/src/rules/stylelint/string/index.js +++ b/packages/stylelint-config/src/rules/stylelint/string/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'string-no-newline': true, 'string-quotes': 'single', } diff --git a/packages/stylelint-config/src/rules/stylelint/unit/index.js b/packages/stylelint-config/src/rules/stylelint/unit/index.js index 44e7c2a..33563a8 100644 --- a/packages/stylelint-config/src/rules/stylelint/unit/index.js +++ b/packages/stylelint-config/src/rules/stylelint/unit/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'unit-no-unknown': true, 'unit-case': 'lower', } diff --git a/packages/stylelint-config/src/rules/stylelint/value/index.js b/packages/stylelint-config/src/rules/stylelint/value/index.js index 5d43865..66c3eca 100644 --- a/packages/stylelint-config/src/rules/stylelint/value/index.js +++ b/packages/stylelint-config/src/rules/stylelint/value/index.js @@ -1,4 +1,4 @@ -module.exports = { +export default { 'value-list-comma-space-before': 'never', 'value-list-max-empty-lines': 0, } From 70986a93d88637d8f634efb09df3489bd8bc1e5b Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 13:23:12 +0900 Subject: [PATCH 04/13] =?UTF-8?q?=F0=9F=94=84=20refactor:=20migrate=20to?= =?UTF-8?q?=20ES=20module=20syntax=20for=20stylelint=20rule=20imports?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/rules/stylelint/index.js | 34 +++++++++---------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/packages/stylelint-config/src/rules/stylelint/index.js b/packages/stylelint-config/src/rules/stylelint/index.js index 234e4f3..ffd7de1 100644 --- a/packages/stylelint-config/src/rules/stylelint/index.js +++ b/packages/stylelint-config/src/rules/stylelint/index.js @@ -1,20 +1,20 @@ -const atRule = require('./at-rule') -const block = require('./block') -const color = require('./color') -const comment = require('./comment') -const declaration = require('./declaration') -const font = require('./font') -const functionRules = require('./function') -const general = require('./general') -const length = require('./length') -const mediaFeature = require('./media-feature') -const number = require('./number') -const property = require('./property') -const rule = require('./rule') -const selector = require('./selector') -const string = require('./string') -const unit = require('./unit') -const value = require('./value') +import atRule from './at-rule/index.js' +import block from './block/index.js' +import color from './color/index.js' +import comment from './comment/index.js' +import declaration from './declaration/index.js' +import font from './font/index.js' +import functionRules from './function/index.js' +import general from './general/index.js' +import length from './length/index.js' +import mediaFeature from './media-feature/index.js' +import number from './number/index.js' +import property from './property/index.js' +import rule from './rule/index.js' +import selector from './selector/index.js' +import string from './string/index.js' +import unit from './unit/index.js' +import value from './value/index.js' export default { ...general, From dfb3cb19b499dface9ee48db0731cb9c6fc52c36 Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 13:37:27 +0900 Subject: [PATCH 05/13] =?UTF-8?q?=F0=9F=94=84=20refactor:=20update=20style?= =?UTF-8?q?lint=20rule=20exports=20to=20named=20exports=20for=20consistenc?= =?UTF-8?q?y?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/stylelint-config/index.js | 8 ++++---- .../stylelint-config/src/rules/stylelint-order/index.js | 2 +- .../stylelint-config/src/rules/stylelint-scss/index.js | 2 +- packages/stylelint-config/src/rules/stylelint/index.js | 2 +- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/stylelint-config/index.js b/packages/stylelint-config/index.js index 06a092d..c7f13f1 100644 --- a/packages/stylelint-config/index.js +++ b/packages/stylelint-config/index.js @@ -1,9 +1,9 @@ import postcss from 'postcss' import postcssScss from 'postcss-scss' -import stylelintRule from './src/rules/stylelint' -import stylelintRuleOrder from './src/rules/stylelint-order' -import stylelintRuleSCSS from './src/rules/stylelint-scss' +import {stylelintRule} from './src/rules/stylelint/index.js' +import {stylelintRuleOrder} from './src/rules/stylelint-order/index.js' +import {stylelintRuleSCSS} from './src/rules/stylelint-scss/index.js' export default { overrides: [ @@ -22,8 +22,8 @@ export default { plugins: ['stylelint-scss', 'stylelint-order'], rules: { ...stylelintRule, - ...stylelintRuleSCSS, ...stylelintRuleOrder, + ...stylelintRuleSCSS, }, defaultSeverity: 'warning', } diff --git a/packages/stylelint-config/src/rules/stylelint-order/index.js b/packages/stylelint-config/src/rules/stylelint-order/index.js index 8fbcbca..2c005e7 100644 --- a/packages/stylelint-config/src/rules/stylelint-order/index.js +++ b/packages/stylelint-config/src/rules/stylelint-order/index.js @@ -1,4 +1,4 @@ -export default { +export const stylelintRuleOrder = { 'order/order': [ 'custom-properties', 'dollar-variables', diff --git a/packages/stylelint-config/src/rules/stylelint-scss/index.js b/packages/stylelint-config/src/rules/stylelint-scss/index.js index 0ddf161..6be406a 100644 --- a/packages/stylelint-config/src/rules/stylelint-scss/index.js +++ b/packages/stylelint-config/src/rules/stylelint-scss/index.js @@ -1,4 +1,4 @@ -export default { +export const stylelintRuleSCSS = { 'scss/at-rule-no-unknown': true, 'scss/at-mixin-parentheses-space-before': 'never', 'scss/dollar-variable-colon-space-after': 'always', diff --git a/packages/stylelint-config/src/rules/stylelint/index.js b/packages/stylelint-config/src/rules/stylelint/index.js index ffd7de1..5599ff9 100644 --- a/packages/stylelint-config/src/rules/stylelint/index.js +++ b/packages/stylelint-config/src/rules/stylelint/index.js @@ -16,7 +16,7 @@ import string from './string/index.js' import unit from './unit/index.js' import value from './value/index.js' -export default { +export const stylelintRule = { ...general, ...color, ...font, From 350f25b4b7de30de6ee5d40a3bc3d681a15c9e8f Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 13:42:09 +0900 Subject: [PATCH 06/13] =?UTF-8?q?=F0=9F=94=84=20refactor:=20change=20defau?= =?UTF-8?q?lt=20exports=20to=20named=20exports=20for=20stylelint=20rules?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/rules/stylelint/at-rule/index.js | 2 +- .../src/rules/stylelint/block/index.js | 2 +- .../src/rules/stylelint/color/index.js | 2 +- .../src/rules/stylelint/comment/index.js | 2 +- .../src/rules/stylelint/declaration/index.js | 2 +- .../src/rules/stylelint/font/index.js | 2 +- .../src/rules/stylelint/function/index.js | 2 +- .../src/rules/stylelint/general/index.js | 2 +- .../src/rules/stylelint/index.js | 34 +++++++++---------- .../src/rules/stylelint/length/index.js | 2 +- .../rules/stylelint/media-feature/index.js | 2 +- .../src/rules/stylelint/number/index.js | 2 +- .../src/rules/stylelint/property/index.js | 2 +- .../src/rules/stylelint/rule/index.js | 2 +- .../src/rules/stylelint/selector/index.js | 2 +- .../src/rules/stylelint/string/index.js | 2 +- .../src/rules/stylelint/unit/index.js | 2 +- .../src/rules/stylelint/value/index.js | 2 +- 18 files changed, 34 insertions(+), 34 deletions(-) diff --git a/packages/stylelint-config/src/rules/stylelint/at-rule/index.js b/packages/stylelint-config/src/rules/stylelint/at-rule/index.js index b937112..5d54ece 100644 --- a/packages/stylelint-config/src/rules/stylelint/at-rule/index.js +++ b/packages/stylelint-config/src/rules/stylelint/at-rule/index.js @@ -1,4 +1,4 @@ -export default { +export const atRule = { 'at-rule-no-unknown': null, 'at-rule-empty-line-before': [ 'always', diff --git a/packages/stylelint-config/src/rules/stylelint/block/index.js b/packages/stylelint-config/src/rules/stylelint/block/index.js index 1d2636b..a051390 100644 --- a/packages/stylelint-config/src/rules/stylelint/block/index.js +++ b/packages/stylelint-config/src/rules/stylelint/block/index.js @@ -1,4 +1,4 @@ -export default { +export const block = { 'block-no-empty': [true], 'block-closing-brace-empty-line-before': 'never', 'block-closing-brace-newline-after': [ diff --git a/packages/stylelint-config/src/rules/stylelint/color/index.js b/packages/stylelint-config/src/rules/stylelint/color/index.js index f2f3f3b..735484b 100644 --- a/packages/stylelint-config/src/rules/stylelint/color/index.js +++ b/packages/stylelint-config/src/rules/stylelint/color/index.js @@ -1,4 +1,4 @@ -export default { +export const color = { 'alpha-value-notation': 'number', 'color-no-invalid-hex': true, 'color-function-notation': 'legacy', diff --git a/packages/stylelint-config/src/rules/stylelint/comment/index.js b/packages/stylelint-config/src/rules/stylelint/comment/index.js index 28d3d7c..5b444ce 100644 --- a/packages/stylelint-config/src/rules/stylelint/comment/index.js +++ b/packages/stylelint-config/src/rules/stylelint/comment/index.js @@ -1,4 +1,4 @@ -export default { +export const comment = { 'comment-no-empty': true, 'comment-empty-line-before': [ 'always', diff --git a/packages/stylelint-config/src/rules/stylelint/declaration/index.js b/packages/stylelint-config/src/rules/stylelint/declaration/index.js index d5098a2..fe98acb 100644 --- a/packages/stylelint-config/src/rules/stylelint/declaration/index.js +++ b/packages/stylelint-config/src/rules/stylelint/declaration/index.js @@ -1,4 +1,4 @@ -export default { +export const declaration = { 'declaration-block-no-duplicate-custom-properties': true, 'declaration-block-no-duplicate-properties': [ true, diff --git a/packages/stylelint-config/src/rules/stylelint/font/index.js b/packages/stylelint-config/src/rules/stylelint/font/index.js index 7d6bd3c..e2db2d3 100644 --- a/packages/stylelint-config/src/rules/stylelint/font/index.js +++ b/packages/stylelint-config/src/rules/stylelint/font/index.js @@ -1,4 +1,4 @@ -export default { +export const font = { 'font-family-no-duplicate-names': true, 'font-family-no-missing-generic-family-keyword': true, } diff --git a/packages/stylelint-config/src/rules/stylelint/function/index.js b/packages/stylelint-config/src/rules/stylelint/function/index.js index 867624f..4106812 100644 --- a/packages/stylelint-config/src/rules/stylelint/function/index.js +++ b/packages/stylelint-config/src/rules/stylelint/function/index.js @@ -1,4 +1,4 @@ -export default { +export const functionRules = { 'function-calc-no-unspaced-operator': true, 'function-linear-gradient-no-nonstandard-direction': true, 'function-comma-newline-after': 'never-multi-line', diff --git a/packages/stylelint-config/src/rules/stylelint/general/index.js b/packages/stylelint-config/src/rules/stylelint/general/index.js index a0c6cba..bce3e8d 100644 --- a/packages/stylelint-config/src/rules/stylelint/general/index.js +++ b/packages/stylelint-config/src/rules/stylelint/general/index.js @@ -1,4 +1,4 @@ -export default { +export const general = { 'no-duplicate-selectors': true, 'no-empty-source': true, indentation: 4, diff --git a/packages/stylelint-config/src/rules/stylelint/index.js b/packages/stylelint-config/src/rules/stylelint/index.js index 5599ff9..57d558a 100644 --- a/packages/stylelint-config/src/rules/stylelint/index.js +++ b/packages/stylelint-config/src/rules/stylelint/index.js @@ -1,20 +1,20 @@ -import atRule from './at-rule/index.js' -import block from './block/index.js' -import color from './color/index.js' -import comment from './comment/index.js' -import declaration from './declaration/index.js' -import font from './font/index.js' -import functionRules from './function/index.js' -import general from './general/index.js' -import length from './length/index.js' -import mediaFeature from './media-feature/index.js' -import number from './number/index.js' -import property from './property/index.js' -import rule from './rule/index.js' -import selector from './selector/index.js' -import string from './string/index.js' -import unit from './unit/index.js' -import value from './value/index.js' +import {atRule} from './at-rule/index.js' +import {block} from './block/index.js' +import {color} from './color/index.js' +import {comment} from './comment/index.js' +import {declaration} from './declaration/index.js' +import {font} from './font/index.js' +import {functionRules} from './function/index.js' +import {general} from './general/index.js' +import {length} from './length/index.js' +import {mediaFeature} from './media-feature/index.js' +import {number} from './number/index.js' +import {property} from './property/index.js' +import {rule} from './rule/index.js' +import {selector} from './selector/index.js' +import {string} from './string/index.js' +import {unit} from './unit/index.js' +import {value} from './value/index.js' export const stylelintRule = { ...general, diff --git a/packages/stylelint-config/src/rules/stylelint/length/index.js b/packages/stylelint-config/src/rules/stylelint/length/index.js index 5a883fb..a29fe34 100644 --- a/packages/stylelint-config/src/rules/stylelint/length/index.js +++ b/packages/stylelint-config/src/rules/stylelint/length/index.js @@ -1,3 +1,3 @@ -export default { +export const length = { 'length-zero-no-unit': true, } diff --git a/packages/stylelint-config/src/rules/stylelint/media-feature/index.js b/packages/stylelint-config/src/rules/stylelint/media-feature/index.js index f926b04..29b8dd7 100644 --- a/packages/stylelint-config/src/rules/stylelint/media-feature/index.js +++ b/packages/stylelint-config/src/rules/stylelint/media-feature/index.js @@ -1,4 +1,4 @@ -export default { +export const mediaFeature = { 'media-feature-name-no-unknown': true, 'media-feature-colon-space-after': 'always', 'media-feature-colon-space-before': 'never', diff --git a/packages/stylelint-config/src/rules/stylelint/number/index.js b/packages/stylelint-config/src/rules/stylelint/number/index.js index 155e95c..27927a6 100644 --- a/packages/stylelint-config/src/rules/stylelint/number/index.js +++ b/packages/stylelint-config/src/rules/stylelint/number/index.js @@ -1,4 +1,4 @@ -export default { +export const number = { 'number-leading-zero': 'always', 'number-no-trailing-zeros': true, } diff --git a/packages/stylelint-config/src/rules/stylelint/property/index.js b/packages/stylelint-config/src/rules/stylelint/property/index.js index 7e6d124..a93296c 100644 --- a/packages/stylelint-config/src/rules/stylelint/property/index.js +++ b/packages/stylelint-config/src/rules/stylelint/property/index.js @@ -1,4 +1,4 @@ -export default { +export const property = { 'property-no-unknown': true, 'property-case': 'lower', 'shorthand-property-no-redundant-values': true, diff --git a/packages/stylelint-config/src/rules/stylelint/rule/index.js b/packages/stylelint-config/src/rules/stylelint/rule/index.js index 21db0b3..740fe08 100644 --- a/packages/stylelint-config/src/rules/stylelint/rule/index.js +++ b/packages/stylelint-config/src/rules/stylelint/rule/index.js @@ -1,4 +1,4 @@ -export default { +export const rule = { 'rule-empty-line-before': [ 'always', { diff --git a/packages/stylelint-config/src/rules/stylelint/selector/index.js b/packages/stylelint-config/src/rules/stylelint/selector/index.js index 9b7bd57..f5ae25b 100644 --- a/packages/stylelint-config/src/rules/stylelint/selector/index.js +++ b/packages/stylelint-config/src/rules/stylelint/selector/index.js @@ -1,4 +1,4 @@ -export default { +export const selector = { 'selector-attribute-brackets-space-inside': 'never', 'selector-attribute-operator-space-after': 'never', 'selector-attribute-operator-space-before': 'never', diff --git a/packages/stylelint-config/src/rules/stylelint/string/index.js b/packages/stylelint-config/src/rules/stylelint/string/index.js index 3e1fc1c..0501ca5 100644 --- a/packages/stylelint-config/src/rules/stylelint/string/index.js +++ b/packages/stylelint-config/src/rules/stylelint/string/index.js @@ -1,4 +1,4 @@ -export default { +export const string = { 'string-no-newline': true, 'string-quotes': 'single', } diff --git a/packages/stylelint-config/src/rules/stylelint/unit/index.js b/packages/stylelint-config/src/rules/stylelint/unit/index.js index 33563a8..aa675ca 100644 --- a/packages/stylelint-config/src/rules/stylelint/unit/index.js +++ b/packages/stylelint-config/src/rules/stylelint/unit/index.js @@ -1,4 +1,4 @@ -export default { +export const unit = { 'unit-no-unknown': true, 'unit-case': 'lower', } diff --git a/packages/stylelint-config/src/rules/stylelint/value/index.js b/packages/stylelint-config/src/rules/stylelint/value/index.js index 66c3eca..392505d 100644 --- a/packages/stylelint-config/src/rules/stylelint/value/index.js +++ b/packages/stylelint-config/src/rules/stylelint/value/index.js @@ -1,4 +1,4 @@ -export default { +export const value = { 'value-list-comma-space-before': 'never', 'value-list-max-empty-lines': 0, } From a769f0a34b72a63d3fc2647418a17f2ea931c6d5 Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 14:11:07 +0900 Subject: [PATCH 07/13] =?UTF-8?q?=F0=9F=94=A5=20remove=20deprecated=20rule?= =?UTF-8?q?s?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/rules/stylelint/at-rule/README.md | 4 ---- .../src/rules/stylelint/at-rule/index.js | 3 --- .../src/rules/stylelint/block/README.md | 6 ------ .../src/rules/stylelint/block/index.js | 10 ---------- .../src/rules/stylelint/color/README.md | 1 - .../src/rules/stylelint/color/index.js | 1 - .../src/rules/stylelint/declaration/README.md | 12 +----------- .../src/rules/stylelint/declaration/index.js | 10 ---------- .../src/rules/stylelint/function/README.md | 15 ++++----------- .../src/rules/stylelint/function/index.js | 7 ------- .../src/rules/stylelint/general/README.md | 12 ++---------- .../src/rules/stylelint/general/index.js | 11 ----------- .../stylelint-config/src/rules/stylelint/index.js | 2 -- .../src/rules/stylelint/media-feature/README.md | 9 +-------- .../src/rules/stylelint/media-feature/index.js | 8 -------- .../src/rules/stylelint/number/README.md | 6 ------ .../src/rules/stylelint/number/index.js | 4 ---- .../src/rules/stylelint/property/README.md | 1 - .../src/rules/stylelint/property/index.js | 1 - .../src/rules/stylelint/selector/README.md | 15 ++------------- .../src/rules/stylelint/selector/index.js | 11 ----------- .../src/rules/stylelint/string/README.md | 1 - .../src/rules/stylelint/string/index.js | 1 - .../src/rules/stylelint/unit/README.md | 1 - .../src/rules/stylelint/unit/index.js | 1 - .../src/rules/stylelint/value/README.md | 14 -------------- .../src/rules/stylelint/value/index.js | 4 ---- 27 files changed, 10 insertions(+), 161 deletions(-) delete mode 100644 packages/stylelint-config/src/rules/stylelint/number/README.md delete mode 100644 packages/stylelint-config/src/rules/stylelint/number/index.js delete mode 100644 packages/stylelint-config/src/rules/stylelint/value/README.md delete mode 100644 packages/stylelint-config/src/rules/stylelint/value/index.js diff --git a/packages/stylelint-config/src/rules/stylelint/at-rule/README.md b/packages/stylelint-config/src/rules/stylelint/at-rule/README.md index fe927e1..e83a8b5 100644 --- a/packages/stylelint-config/src/rules/stylelint/at-rule/README.md +++ b/packages/stylelint-config/src/rules/stylelint/at-rule/README.md @@ -7,7 +7,3 @@ - `{ 블록 }` 내 `@at-rule` 이전에는 **빈 줄**을 사용하지 않는다. - **주석 다음에 위치**하는 `@at-rule` 에는 규칙을 적용하지 않는다. - Scss `@if`, `@else` 에는 규칙을 적용하지 않는다. -- `@at-rule`은 **항상 소문자**를 사용한다. -- `@at-rule` 다음에는 **공백**을 사용한다. -- `@at-rule`의 `;` 문자 이전에는 **공백**을 사용하지 않는다. -- `@at-rule`과 속성 선언 사이 빈 줄에는 규칙 적용이 불가능하나 **빈 줄** 사용을 지향 diff --git a/packages/stylelint-config/src/rules/stylelint/at-rule/index.js b/packages/stylelint-config/src/rules/stylelint/at-rule/index.js index 5d54ece..715a8c3 100644 --- a/packages/stylelint-config/src/rules/stylelint/at-rule/index.js +++ b/packages/stylelint-config/src/rules/stylelint/at-rule/index.js @@ -8,7 +8,4 @@ export const atRule = { ignoreAtRules: ['if', 'else'], }, ], - 'at-rule-name-case': 'lower', - 'at-rule-name-space-after': 'always', - 'at-rule-semicolon-space-before': 'never', } diff --git a/packages/stylelint-config/src/rules/stylelint/block/README.md b/packages/stylelint-config/src/rules/stylelint/block/README.md index 7cfca2b..f33c1f6 100644 --- a/packages/stylelint-config/src/rules/stylelint/block/README.md +++ b/packages/stylelint-config/src/rules/stylelint/block/README.md @@ -4,9 +4,3 @@ - **스타일 선언이 없는** `{ 블록 }`은 사용하지 않는다. - 단, 주석만 있는 경우 오류로 평가하지 않는다. -- `{ 블록 }`의 닫는 `}` 이전에는 **줄바꿈**을 사용하지 않는다. -- `{ 블록 }`의 닫는 `}` 다음에는 **줄바꿈**을 사용한다. - - Scss `@if`, `@else` 블록에는 규칙을 적용하지 않는다. -- `{ 블록 }`을 닫는 `}` 이전에는 **줄바꿈**을 사용한다. -- `{ 블록 }`을 여는 `{` 다음에는 **줄바꿈**을 사용한다. -- `{ 블록 }`을 여는 `{` 이전에는 **공백**을 사용한다. diff --git a/packages/stylelint-config/src/rules/stylelint/block/index.js b/packages/stylelint-config/src/rules/stylelint/block/index.js index a051390..97fd079 100644 --- a/packages/stylelint-config/src/rules/stylelint/block/index.js +++ b/packages/stylelint-config/src/rules/stylelint/block/index.js @@ -1,13 +1,3 @@ export const block = { 'block-no-empty': [true], - 'block-closing-brace-empty-line-before': 'never', - 'block-closing-brace-newline-after': [ - 'always', - { - ignoreAtRules: ['if', 'else'], - }, - ], - 'block-closing-brace-newline-before': 'always', - 'block-opening-brace-newline-after': 'always', - 'block-opening-brace-space-before': 'always', } diff --git a/packages/stylelint-config/src/rules/stylelint/color/README.md b/packages/stylelint-config/src/rules/stylelint/color/README.md index bd91484..8098fca 100644 --- a/packages/stylelint-config/src/rules/stylelint/color/README.md +++ b/packages/stylelint-config/src/rules/stylelint/color/README.md @@ -6,5 +6,4 @@ - 색상 값은 `#hex` 단위를 사용한다. - 색상 함수 사용 시 `,` 문자를 제거하지 않는다. - 색상 값에 예약어(`black`, `white` 등)를 사용하지 않는다. -- 색상 값에 소문자 `#hex` 단위를 사용한다. - 축약이 가능한 `#hex` 단위는 축약하여 사용한다. diff --git a/packages/stylelint-config/src/rules/stylelint/color/index.js b/packages/stylelint-config/src/rules/stylelint/color/index.js index 735484b..1a8701c 100644 --- a/packages/stylelint-config/src/rules/stylelint/color/index.js +++ b/packages/stylelint-config/src/rules/stylelint/color/index.js @@ -3,6 +3,5 @@ export const color = { 'color-no-invalid-hex': true, 'color-function-notation': 'legacy', 'color-named': 'never', - 'color-hex-case': 'lower', 'color-hex-length': 'short', } diff --git a/packages/stylelint-config/src/rules/stylelint/declaration/README.md b/packages/stylelint-config/src/rules/stylelint/declaration/README.md index 31a709c..708aedf 100644 --- a/packages/stylelint-config/src/rules/stylelint/declaration/README.md +++ b/packages/stylelint-config/src/rules/stylelint/declaration/README.md @@ -8,16 +8,6 @@ - 값이 다른 경우 오류로 평가하지 않는다. - 축약이 가능한 속성은 축약 속성을 사용한다. - `font` 관련 속성은 축약 속성은 규칙을 적용하지 않는다. - - `*-top-*`, `*-right-*`, `*-bottom-*`, `*-left-*` 가 모두 선언된 경우만 오류로 평가한다 + - `*-top-*`, `*-right-*`, `*-bottom-*`, `*-left-*` 가 모두 선언된 경우만 오류로 평가한다. - [stylelint가 적용되는 축약 속성](https://stylelint.io/user-guide/rules/list/declaration-block-no-redundant-longhand-properties) - 한 줄에 하나의 속성만 선언한다. -- `!` 문자 다음에는 **공백**을 사용하지 않는다. -- `!` 문자 이전에는 **공백**을 사용한다. -- `:` 문자 다음에는 **공백**을 사용한다. - - 여러 줄에 걸쳐 값이 선언되는 경우 공백가 아닌 **줄바꿈**을 사용한다. -- `:` 문자 이전에는 **공백**을 사용하지 않는다. -- `;` 문자 다음에는 **줄바꿈**을 사용한다. -- `;` 문자 이전에는 **줄바꿈**을 사용하지 않는다. -- `;` 문자 다음에는 **공백**을 사용하지 않는다. -- `;` 문자 이전에는 **공백**을 사용하지 않는다. -- 속성 선언 끝에 항상 `;` 문자를 사용한다. diff --git a/packages/stylelint-config/src/rules/stylelint/declaration/index.js b/packages/stylelint-config/src/rules/stylelint/declaration/index.js index fe98acb..4fd91f8 100644 --- a/packages/stylelint-config/src/rules/stylelint/declaration/index.js +++ b/packages/stylelint-config/src/rules/stylelint/declaration/index.js @@ -13,16 +13,6 @@ export const declaration = { }, ], 'declaration-block-single-line-max-declarations': 1, - 'declaration-bang-space-after': 'never', - 'declaration-bang-space-before': 'always', - 'declaration-colon-newline-after': 'always-multi-line', - 'declaration-colon-space-after': 'always-single-line', - 'declaration-colon-space-before': 'never', - 'declaration-block-semicolon-newline-after': 'always', - 'declaration-block-semicolon-newline-before': 'never-multi-line', - 'declaration-block-semicolon-space-after': 'always-single-line', - 'declaration-block-semicolon-space-before': 'never', - 'declaration-block-trailing-semicolon': 'always', 'declaration-empty-line-before': [ 'always', { diff --git a/packages/stylelint-config/src/rules/stylelint/function/README.md b/packages/stylelint-config/src/rules/stylelint/function/README.md index 9e727ce..f805115 100644 --- a/packages/stylelint-config/src/rules/stylelint/function/README.md +++ b/packages/stylelint-config/src/rules/stylelint/function/README.md @@ -2,14 +2,7 @@ ## 규칙 -- `calc()` 함수 계산식 Operator(+, - ...)의 앞·뒤에 **공백**을 사용한다. -- `linear-gradient`를 사용할 경우 **표준 방향 값**을 사용한다. - - 표준 방향 값 참고 : [MDN/linear-gradient#syntax](^1) -- 함수 파라미터 구분자 `,` 다음에는 **줄바꿈**을 사용하지 않는다. -- 함수 파라미터 구분자 `,` 이전에는 **줄바꿈**을 사용하지 않는다. -- 함수 파라미터 구분자 `,` 다음에는 **공백**을 사용한다. -- 함수 파라미터 구분자 `,` 이전에는 **공백**을 사용하지 않는다. -- 함수 선언 내 **줄바꿈**을 사용하지 않는다. -- 함수 **이름은 소문자**를 사용한다. -- 함수 선언 내 `)`, `(` 앞·뒤로 **공백**을 사용하지 않는다. -- 함수와 함수 사이에는 **공백**을 사용한다. +- `calc()` 함수 계산식 Operator(+, - ...)의 앞·뒤에 **공백**을 사용한다. (`function-calc-no-unspaced-operator`) +- `linear-gradient`를 사용할 경우 **표준 방향 값**을 사용한다. (`function-linear-gradient-no-nonstandard-direction`) + - 표준 방향 값 참고 : [MDN/linear-gradient\#syntax](https://www.google.com/search?q=https://developer.mozilla.org/ko/docs/Web/CSS/gradient/linear-gradient%23%25EA%25B5%25AC%25EB%25AC%25B8) +- 함수 **이름은 소문자**를 사용한다. (`function-name-case`) diff --git a/packages/stylelint-config/src/rules/stylelint/function/index.js b/packages/stylelint-config/src/rules/stylelint/function/index.js index 4106812..d552e5a 100644 --- a/packages/stylelint-config/src/rules/stylelint/function/index.js +++ b/packages/stylelint-config/src/rules/stylelint/function/index.js @@ -1,12 +1,5 @@ export const functionRules = { 'function-calc-no-unspaced-operator': true, 'function-linear-gradient-no-nonstandard-direction': true, - 'function-comma-newline-after': 'never-multi-line', - 'function-comma-newline-before': 'never-multi-line', - 'function-comma-space-after': 'always', - 'function-comma-space-before': 'never', - 'function-max-empty-lines': 0, 'function-name-case': 'lower', - 'function-parentheses-space-inside': 'never', - 'function-whitespace-after': 'always', } diff --git a/packages/stylelint-config/src/rules/stylelint/general/README.md b/packages/stylelint-config/src/rules/stylelint/general/README.md index d914f45..86637a8 100644 --- a/packages/stylelint-config/src/rules/stylelint/general/README.md +++ b/packages/stylelint-config/src/rules/stylelint/general/README.md @@ -2,13 +2,5 @@ ## 규칙 -- 파일 내 **중복된 선택자**를 사용하지 않는다. -- 스타일이 없는 빈 파일은 사용하지 않는다. -- 파일의 들여쓰기는 **공백 4칸**을 사용한다. - - `Tab`을 사용한 경우 공백에 비해 PR에서 코드가 늘어져 보인다..?🤔 -- 파일 내 선언과 선언 사이 **빈 줄은 최대 1줄**만 사용한다. - - 단, 주석에는 빈 줄의 제한이 없다. -- 파일의 **첫 줄에 빈 줄**을 사용하지 않는다. -- 속성 선언 후 **`;` 은 한 번**만 사용한다. -- 라인의 끝 불필요한 **공백 문자**를 사용하지 않는다. -- 파일의 끝(`EOF`)에는 **개행 문자를** 사용한다. +- 파일 내 **중복된 선택자**를 사용하지 않는다. (`no-duplicate-selectors`) +- 스타일이 없는 빈 파일은 사용하지 않는다. (`no-empty-source`) diff --git a/packages/stylelint-config/src/rules/stylelint/general/index.js b/packages/stylelint-config/src/rules/stylelint/general/index.js index bce3e8d..c4e49ae 100644 --- a/packages/stylelint-config/src/rules/stylelint/general/index.js +++ b/packages/stylelint-config/src/rules/stylelint/general/index.js @@ -1,15 +1,4 @@ export const general = { 'no-duplicate-selectors': true, 'no-empty-source': true, - indentation: 4, - 'max-empty-lines': [1, {ignore: ['comments']}], - 'no-eol-whitespace': [ - true, - { - ignore: ['empty-lines'], - }, - ], - 'no-missing-end-of-source-newline': true, - 'no-empty-first-line': true, - 'no-extra-semicolons': true, } diff --git a/packages/stylelint-config/src/rules/stylelint/index.js b/packages/stylelint-config/src/rules/stylelint/index.js index 57d558a..7bbd4ce 100644 --- a/packages/stylelint-config/src/rules/stylelint/index.js +++ b/packages/stylelint-config/src/rules/stylelint/index.js @@ -8,7 +8,6 @@ import {functionRules} from './function/index.js' import {general} from './general/index.js' import {length} from './length/index.js' import {mediaFeature} from './media-feature/index.js' -import {number} from './number/index.js' import {property} from './property/index.js' import {rule} from './rule/index.js' import {selector} from './selector/index.js' @@ -20,7 +19,6 @@ export const stylelintRule = { ...general, ...color, ...font, - ...number, ...length, ...unit, ...string, diff --git a/packages/stylelint-config/src/rules/stylelint/media-feature/README.md b/packages/stylelint-config/src/rules/stylelint/media-feature/README.md index 2611411..e03726b 100644 --- a/packages/stylelint-config/src/rules/stylelint/media-feature/README.md +++ b/packages/stylelint-config/src/rules/stylelint/media-feature/README.md @@ -2,11 +2,4 @@ ## 규칙 -- 미디어 구문 `:`문자 다음에는 **공백**을 사용한다. -- 미디어 구문 `:`문자 다음에는 **공백**를 사용하지 않는다. -- 미디어 구문은 소문자를 사용한다. -- 미디어 구문 `(`, `)` 다음·이전에 **공백**를 사용하지 않는다. -- 미디어 구문 범위 연산자 다음에는 **공백**을 사용한다. -- 미디어 구문 범위 연산자 이전에는 **공백**를 사용하지 않는다. -- 미디어 구문을 나열할 때 `,`문자 다음에는 **공백**을 사용한다. -- 미디어 구문을 나열할 때 `,`문자 이전에는 **공백**를 사용하지 않는다. +- 알려지지 않은 미디어 기능 이름을 사용하지 않는다. (`media-feature-name-no-unknown`) diff --git a/packages/stylelint-config/src/rules/stylelint/media-feature/index.js b/packages/stylelint-config/src/rules/stylelint/media-feature/index.js index 29b8dd7..504f62a 100644 --- a/packages/stylelint-config/src/rules/stylelint/media-feature/index.js +++ b/packages/stylelint-config/src/rules/stylelint/media-feature/index.js @@ -1,11 +1,3 @@ export const mediaFeature = { 'media-feature-name-no-unknown': true, - 'media-feature-colon-space-after': 'always', - 'media-feature-colon-space-before': 'never', - 'media-feature-name-case': 'lower', - 'media-feature-parentheses-space-inside': 'never', - 'media-feature-range-operator-space-after': 'always', - 'media-feature-range-operator-space-before': 'always', - 'media-query-list-comma-space-after': 'always', - 'media-query-list-comma-space-before': 'never', } diff --git a/packages/stylelint-config/src/rules/stylelint/number/README.md b/packages/stylelint-config/src/rules/stylelint/number/README.md deleted file mode 100644 index 357fd93..0000000 --- a/packages/stylelint-config/src/rules/stylelint/number/README.md +++ /dev/null @@ -1,6 +0,0 @@ -# number - -## 규칙 - -- 소수점 앞 정수 `0` 은 생략하지 않는다. -- 소수 자리의 마지막 `0` 은 생략한다. diff --git a/packages/stylelint-config/src/rules/stylelint/number/index.js b/packages/stylelint-config/src/rules/stylelint/number/index.js deleted file mode 100644 index 27927a6..0000000 --- a/packages/stylelint-config/src/rules/stylelint/number/index.js +++ /dev/null @@ -1,4 +0,0 @@ -export const number = { - 'number-leading-zero': 'always', - 'number-no-trailing-zeros': true, -} diff --git a/packages/stylelint-config/src/rules/stylelint/property/README.md b/packages/stylelint-config/src/rules/stylelint/property/README.md index 20aa01b..935158c 100644 --- a/packages/stylelint-config/src/rules/stylelint/property/README.md +++ b/packages/stylelint-config/src/rules/stylelint/property/README.md @@ -3,5 +3,4 @@ ## 규칙 - **없는 속성**은 사용하지 않는다. -- 속성은 **소문자**로 선언한다. - 축약이 가능한 속성 값은은 **축약 속성 값**을 사용한다. diff --git a/packages/stylelint-config/src/rules/stylelint/property/index.js b/packages/stylelint-config/src/rules/stylelint/property/index.js index a93296c..2d12dfa 100644 --- a/packages/stylelint-config/src/rules/stylelint/property/index.js +++ b/packages/stylelint-config/src/rules/stylelint/property/index.js @@ -1,5 +1,4 @@ export const property = { 'property-no-unknown': true, - 'property-case': 'lower', 'shorthand-property-no-redundant-values': true, } diff --git a/packages/stylelint-config/src/rules/stylelint/selector/README.md b/packages/stylelint-config/src/rules/stylelint/selector/README.md index ad6944e..e5fce8d 100644 --- a/packages/stylelint-config/src/rules/stylelint/selector/README.md +++ b/packages/stylelint-config/src/rules/stylelint/selector/README.md @@ -2,16 +2,5 @@ ## 규칙 -- 속성 선택자 괄호 안팎으로 **공백**을 사용하지 않는다. -- 속성 선택자 연산자 다음에는 **공백**를 사용하지 않는다. -- 속성 선택자 연산자 이전에는 **공백**를 사용하지 않는다. -- 속성 선택자의 값은 항상 `'`로 묶습니다. -- 선택자의 결합자 다음에는 **공백**을 사용한다. -- 선택자의 결합자 이전에는 **공백**을 사용한다. -- 자손 선택자 앞 **공백**는 한 칸만 필요합니다. -- 가상 클래스 선택자는 소문자로 선언합니다. -- 가상 클래스 선택자 괄호 안팎으로 **공백**를 사용하지 않는다. -- 가상 요소 선택자는 소문자로 선언합니다. -- 태그 선택자는 소문자로 선언합니다. -- 여러 선택자를 선언할 경우 `,`문자 앞에 **줄바꿈**을 사용하지 않는다. -- 여러 선택자를 선언할 경우 `,`문자 앞에 **공백**을 사용하지 않는다. +- 속성 선택자의 값은 항상 `'` (작은따옴표)로 묶습니다. (`selector-attribute-quotes`) +- 태그 선택자는 소문자로 선언합니다. (`selector-type-case`) diff --git a/packages/stylelint-config/src/rules/stylelint/selector/index.js b/packages/stylelint-config/src/rules/stylelint/selector/index.js index f5ae25b..b9d0050 100644 --- a/packages/stylelint-config/src/rules/stylelint/selector/index.js +++ b/packages/stylelint-config/src/rules/stylelint/selector/index.js @@ -1,15 +1,4 @@ export const selector = { - 'selector-attribute-brackets-space-inside': 'never', - 'selector-attribute-operator-space-after': 'never', - 'selector-attribute-operator-space-before': 'never', 'selector-attribute-quotes': 'always', - 'selector-combinator-space-after': 'always', - 'selector-combinator-space-before': 'always', - 'selector-descendant-combinator-no-non-space': true, - 'selector-pseudo-class-case': 'lower', - 'selector-pseudo-class-parentheses-space-inside': 'never', - 'selector-pseudo-element-case': 'lower', 'selector-type-case': 'lower', - 'selector-list-comma-newline-before': 'never-multi-line', - 'selector-list-comma-space-before': 'never', } diff --git a/packages/stylelint-config/src/rules/stylelint/string/README.md b/packages/stylelint-config/src/rules/stylelint/string/README.md index 5ddd3a4..93f9102 100644 --- a/packages/stylelint-config/src/rules/stylelint/string/README.md +++ b/packages/stylelint-config/src/rules/stylelint/string/README.md @@ -2,5 +2,4 @@ ## 규칙 -- 문자열 내 `줄바꿈 문자` 을 사용하지 않는다. - 문자열은 작은 따옴표 `''` 를 사용한다. diff --git a/packages/stylelint-config/src/rules/stylelint/string/index.js b/packages/stylelint-config/src/rules/stylelint/string/index.js index 0501ca5..2716bef 100644 --- a/packages/stylelint-config/src/rules/stylelint/string/index.js +++ b/packages/stylelint-config/src/rules/stylelint/string/index.js @@ -1,4 +1,3 @@ export const string = { - 'string-no-newline': true, 'string-quotes': 'single', } diff --git a/packages/stylelint-config/src/rules/stylelint/unit/README.md b/packages/stylelint-config/src/rules/stylelint/unit/README.md index 3110dde..fffd983 100644 --- a/packages/stylelint-config/src/rules/stylelint/unit/README.md +++ b/packages/stylelint-config/src/rules/stylelint/unit/README.md @@ -3,4 +3,3 @@ ## 규칙 - 알 수 없는 속성 값의 단위는 사용하지 않는다. -- 속성 값의 단위는 소문자를 사용한다. diff --git a/packages/stylelint-config/src/rules/stylelint/unit/index.js b/packages/stylelint-config/src/rules/stylelint/unit/index.js index aa675ca..4e55e70 100644 --- a/packages/stylelint-config/src/rules/stylelint/unit/index.js +++ b/packages/stylelint-config/src/rules/stylelint/unit/index.js @@ -1,4 +1,3 @@ export const unit = { 'unit-no-unknown': true, - 'unit-case': 'lower', } diff --git a/packages/stylelint-config/src/rules/stylelint/value/README.md b/packages/stylelint-config/src/rules/stylelint/value/README.md deleted file mode 100644 index 8696568..0000000 --- a/packages/stylelint-config/src/rules/stylelint/value/README.md +++ /dev/null @@ -1,14 +0,0 @@ -# value - -## 규칙 - -- 속성 값 열거 시 `,` 문자 이전에는 **공백**을 사용하지 않는다. - - 여러 줄에 걸쳐 속성 값을 열거하는 경우가 있어 `,` 문자 다음에 공백을 강제하지 않는다. - - ```css - transform: - all 250ms 0 linear, - all 250ms 0 linear; - ``` - -- 속성 값 열거 시 **빈 줄**을 사용하지 않는다. diff --git a/packages/stylelint-config/src/rules/stylelint/value/index.js b/packages/stylelint-config/src/rules/stylelint/value/index.js deleted file mode 100644 index 392505d..0000000 --- a/packages/stylelint-config/src/rules/stylelint/value/index.js +++ /dev/null @@ -1,4 +0,0 @@ -export const value = { - 'value-list-comma-space-before': 'never', - 'value-list-max-empty-lines': 0, -} From 1b2bf4d022375e36828b065882a04cefd37fef67 Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 14:14:56 +0900 Subject: [PATCH 08/13] =?UTF-8?q?=F0=9F=97=91=EF=B8=8F=20remove:=20elimina?= =?UTF-8?q?te=20unused=20value=20import=20from=20stylelint=20rules?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/stylelint-config/src/rules/stylelint/index.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/stylelint-config/src/rules/stylelint/index.js b/packages/stylelint-config/src/rules/stylelint/index.js index 7bbd4ce..3b3358b 100644 --- a/packages/stylelint-config/src/rules/stylelint/index.js +++ b/packages/stylelint-config/src/rules/stylelint/index.js @@ -13,7 +13,6 @@ import {rule} from './rule/index.js' import {selector} from './selector/index.js' import {string} from './string/index.js' import {unit} from './unit/index.js' -import {value} from './value/index.js' export const stylelintRule = { ...general, @@ -24,7 +23,6 @@ export const stylelintRule = { ...string, ...declaration, ...property, - ...value, ...functionRules, ...selector, ...atRule, From 08167ada57067f7c4d04107d714b8ca63337731a Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 14:17:51 +0900 Subject: [PATCH 09/13] =?UTF-8?q?=F0=9F=97=91=EF=B8=8F=20remove:=20delete?= =?UTF-8?q?=20unused=20string=20rule=20and=20its=20documentation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/stylelint-config/src/rules/stylelint/index.js | 2 -- .../stylelint-config/src/rules/stylelint/string/README.md | 5 ----- .../stylelint-config/src/rules/stylelint/string/index.js | 3 --- 3 files changed, 10 deletions(-) delete mode 100644 packages/stylelint-config/src/rules/stylelint/string/README.md delete mode 100644 packages/stylelint-config/src/rules/stylelint/string/index.js diff --git a/packages/stylelint-config/src/rules/stylelint/index.js b/packages/stylelint-config/src/rules/stylelint/index.js index 3b3358b..e062641 100644 --- a/packages/stylelint-config/src/rules/stylelint/index.js +++ b/packages/stylelint-config/src/rules/stylelint/index.js @@ -11,7 +11,6 @@ import {mediaFeature} from './media-feature/index.js' import {property} from './property/index.js' import {rule} from './rule/index.js' import {selector} from './selector/index.js' -import {string} from './string/index.js' import {unit} from './unit/index.js' export const stylelintRule = { @@ -20,7 +19,6 @@ export const stylelintRule = { ...font, ...length, ...unit, - ...string, ...declaration, ...property, ...functionRules, diff --git a/packages/stylelint-config/src/rules/stylelint/string/README.md b/packages/stylelint-config/src/rules/stylelint/string/README.md deleted file mode 100644 index 93f9102..0000000 --- a/packages/stylelint-config/src/rules/stylelint/string/README.md +++ /dev/null @@ -1,5 +0,0 @@ -# string - -## 규칙 - -- 문자열은 작은 따옴표 `''` 를 사용한다. diff --git a/packages/stylelint-config/src/rules/stylelint/string/index.js b/packages/stylelint-config/src/rules/stylelint/string/index.js deleted file mode 100644 index 2716bef..0000000 --- a/packages/stylelint-config/src/rules/stylelint/string/index.js +++ /dev/null @@ -1,3 +0,0 @@ -export const string = { - 'string-quotes': 'single', -} From 3cfdb0ac9c896389c2d3de79e51d80a74a7145a5 Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 15:45:43 +0900 Subject: [PATCH 10/13] =?UTF-8?q?=F0=9F=93=9D=20update:=20change=20configu?= =?UTF-8?q?ration=20file=20name=20to=20stylelint.config.mjs=20and=20adjust?= =?UTF-8?q?=20related=20instructions=20=F0=9F=97=91=EF=B8=8F=20remove:=20d?= =?UTF-8?q?elete=20references=20to=20unused=20stylelint=20rules=20in=20the?= =?UTF-8?q?=20documentation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/stylelint-config/README.md | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/packages/stylelint-config/README.md b/packages/stylelint-config/README.md index d5bc104..8e350d8 100644 --- a/packages/stylelint-config/README.md +++ b/packages/stylelint-config/README.md @@ -12,13 +12,17 @@ npm install -D stylelint@^14.2.0 @naverpay/stylelint-config ## Configure -`.stylelintrc` 파일을 생성합니다. `defaultSeverity` 의 default 값은 `warning` 입니다. - -```json -{ - "extends": ["@naverpay/stylelint-config"], - "defaultSeverity": "error" +`stylelint.config.mjs` 파일을 생성합니다. `defaultSeverity` 의 default 값은 `warning` 입니다. + +```js +/** @type {import('stylelint').Config} */ +const config = { + extends: ['@naverpay/stylelint-config'], + defaultSeverity: 'error', + rules: {}, } + +export default config ``` ## CLI @@ -35,7 +39,8 @@ package.json에 스크립트를 추가하여 format 검사를 할 수 있습니 } ``` -> [lefthook](https://github.com/evilmartians/lefthook)을 사용해서 commit 또는 push 전에 스타일 확인을 자동화할 것을 권장합니다. +> - `styelint@15.x` 버전 부터 prettier 가 할 수 있는 일을 prettier 에 위임 했기 때문에, stylelint 가 검사하는 파일은 반드시 `prettier`도 실행해야 합니다. +> - [lefthook](https://github.com/evilmartians/lefthook)을 사용해서 commit 또는 push 전에 스타일 확인을 자동화할 것을 권장합니다. ## Integrating with IDE @@ -84,12 +89,9 @@ package.json에 스크립트를 추가하여 format 검사를 할 수 있습니 - [general](./src/rules/stylelint/general/README.md) - [length](./src/rules/stylelint/length/README.md) - [media-feature](./src/rules/stylelint/media-feature/README.md) -- [number](./src/rules/stylelint/number/README.md) - [property](./src/rules/stylelint/property/README.md) - [rule](./src/rules/stylelint/rule/README.md) - [selector](./src/rules/stylelint/selector/README.md) -- [string](./src/rules/stylelint/string/README.md) - [unit](./src/rules/stylelint/unit/README.md) -- [value](./src/rules/stylelint/value/README.md) - [stylelint-order](./src/rules/stylelint-order/README.md) - [stylelint-scss](./src/rules/stylelint-scss/README.md) From 8df591b4a95dbaa82ef01b3b25b26b336e22bebe Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 15:46:02 +0900 Subject: [PATCH 11/13] =?UTF-8?q?=F0=9F=94=A7=20update:=20upgrade=20stylel?= =?UTF-8?q?int=20version=20to=20^16=20in=20installation=20instructions?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/stylelint-config/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/stylelint-config/README.md b/packages/stylelint-config/README.md index 8e350d8..2668927 100644 --- a/packages/stylelint-config/README.md +++ b/packages/stylelint-config/README.md @@ -7,7 +7,7 @@ **stylelint**, **@naverpay/stylelint-config** 패키지를 설치합니다. ```bash -npm install -D stylelint@^14.2.0 @naverpay/stylelint-config +npm install -D stylelint@^16 @naverpay/stylelint-config ``` ## Configure From b571f54060402f071278579a0bb17fdd2e310203 Mon Sep 17 00:00:00 2001 From: yceffort Date: Tue, 20 May 2025 18:46:49 +0900 Subject: [PATCH 12/13] =?UTF-8?q?=F0=9F=8E=A8=20update:=20expand=20ignored?= =?UTF-8?q?=20shorthands=20for=20redundant=20longhand=20properties=20rule?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../stylelint-config/src/rules/stylelint/declaration/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/stylelint-config/src/rules/stylelint/declaration/index.js b/packages/stylelint-config/src/rules/stylelint/declaration/index.js index 4fd91f8..5cf1948 100644 --- a/packages/stylelint-config/src/rules/stylelint/declaration/index.js +++ b/packages/stylelint-config/src/rules/stylelint/declaration/index.js @@ -9,7 +9,7 @@ export const declaration = { 'declaration-block-no-redundant-longhand-properties': [ true, { - ignoreShorthands: ['font'], + ignoreShorthands: ['font', 'inset', 'background', 'overflow'], }, ], 'declaration-block-single-line-max-declarations': 1, From 8ee49157fe8a04031c3453f5a6e62ec85b379e2c Mon Sep 17 00:00:00 2001 From: yceffort Date: Wed, 21 May 2025 09:38:07 +0900 Subject: [PATCH 13/13] =?UTF-8?q?=F0=9F=93=9D=20update:=20translate=20READ?= =?UTF-8?q?ME=20to=20English=20and=20improve=20clarity=20of=20installation?= =?UTF-8?q?=20and=20configuration=20instructions?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/stylelint-config/README.ko.md | 99 ++++++++++++++++++++++++++ packages/stylelint-config/README.md | 24 ++++--- 2 files changed, 112 insertions(+), 11 deletions(-) create mode 100644 packages/stylelint-config/README.ko.md diff --git a/packages/stylelint-config/README.ko.md b/packages/stylelint-config/README.ko.md new file mode 100644 index 0000000..1240782 --- /dev/null +++ b/packages/stylelint-config/README.ko.md @@ -0,0 +1,99 @@ +# @naverpay/stylelint-config + +네이버페이 스타일 가이드에 맞게 stylelint-config 패키지를 제공합니다. + +## Install + +**stylelint**, **@naverpay/stylelint-config** 패키지를 설치합니다. + +```bash +npm install -D stylelint@^16 @naverpay/stylelint-config +``` + +## Configure + +`stylelint.config.mjs` 파일을 생성합니다. `defaultSeverity` 의 default 값은 `warning` 입니다. + +```js +/** @type {import('stylelint').Config} */ +const config = { + extends: ['@naverpay/stylelint-config'], + defaultSeverity: 'error', + rules: {}, +} + +export default config +``` + +> pure esm 만을 지원합니다. `.mjs`로 파일을 만드시거나, `type: "module"`을 추가해주세요. + +## CLI + +package.json에 스크립트를 추가하여 format 검사를 할 수 있습니다. + +```jsonc +// package.json +{ + "scripts": { + "stylelint": "stylelint '**/*.{css,scss}'", + "stylelint:fix": "stylelint --fix '**/*.{css,scss}'", + }, +} +``` + +> - `styelint@15.x` 버전 부터 prettier 가 할 수 있는 일을 prettier 에 위임 했기 때문에, stylelint 가 검사하는 파일은 반드시 `prettier`도 실행해야 합니다. +> - [lefthook](https://github.com/evilmartians/lefthook)을 사용해서 commit 또는 push 전에 스타일 확인을 자동화할 것을 권장합니다. + +## Integrating with IDE + +### VSCode + +[Stylelint 확장 프로그램][Stylelint]을 통해 파일 저장 시 일부 속성에 대해 자동으로 수정할 수 있습니다. + +> 스타일린트가 적용되지 않은 프로젝트에서 자동 수정이 되는 것을 방지하기 위해 프로젝트 루트 폴더에 `.vscode/settings.json` 생성합니다. + +[Stylelint 확장 프로그램][Stylelint]설치 후 프로젝트 루트 폴더에 `.vscode/settings.json` 을 생성합니다. + +```json +{ + "css.validate": false, + "less.validate": false, + "scss.validate": false, + "[css]": { + "editor.formatOnSave": false, + "editor.codeActionsOnSave": { + "source.fixAll.stylelint": true + } + }, + "[scss]": { + "editor.formatOnSave": false, + "editor.codeActionsOnSave": { + "source.fixAll.stylelint": true + } + }, + "stylelint.validate": ["css", "scss"] +} +``` + +이제 `*.{css,scss}` 파일 저장 시 `stylelint --fix`를 자동으로 실행합니다. + +[Stylelint]: https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint + +## Rules + +- [at-rule](./src/rules/stylelint/at-rule/README.md) +- [block](./src/rules/stylelint/block/README.md) +- [color](./src/rules/stylelint/color/README.md) +- [comment](./src/rules/stylelint/comment/README.md) +- [declaration](./src/rules/stylelint/declaration/README.md) +- [font](./src/rules/stylelint/font/README.md) +- [function](./src/rules/stylelint/function/README.md) +- [general](./src/rules/stylelint/general/README.md) +- [length](./src/rules/stylelint/length/README.md) +- [media-feature](./src/rules/stylelint/media-feature/README.md) +- [property](./src/rules/stylelint/property/README.md) +- [rule](./src/rules/stylelint/rule/README.md) +- [selector](./src/rules/stylelint/selector/README.md) +- [unit](./src/rules/stylelint/unit/README.md) +- [stylelint-order](./src/rules/stylelint-order/README.md) +- [stylelint-scss](./src/rules/stylelint-scss/README.md) diff --git a/packages/stylelint-config/README.md b/packages/stylelint-config/README.md index 2668927..8e87604 100644 --- a/packages/stylelint-config/README.md +++ b/packages/stylelint-config/README.md @@ -1,10 +1,10 @@ # @naverpay/stylelint-config -네이버페이 스타일 가이드에 맞게 stylelint-config 패키지를 제공합니다. +This package provides a stylelint-config compliant with the Naver Pay style guide. ## Install -**stylelint**, **@naverpay/stylelint-config** 패키지를 설치합니다. +Install the **stylelint** and **@naverpay/stylelint-config** packages. ```bash npm install -D stylelint@^16 @naverpay/stylelint-config @@ -12,7 +12,7 @@ npm install -D stylelint@^16 @naverpay/stylelint-config ## Configure -`stylelint.config.mjs` 파일을 생성합니다. `defaultSeverity` 의 default 값은 `warning` 입니다. +Create a `stylelint.config.mjs` file. The default value for `defaultSeverity` is `warning`. ```js /** @type {import('stylelint').Config} */ @@ -25,9 +25,11 @@ const config = { export default config ``` +> Only pure ESM is supported. Please create the file with an `.mjs` extension or add `"type": "module"` to your `package.json`. + ## CLI -package.json에 스크립트를 추가하여 format 검사를 할 수 있습니다. +You can add scripts to your `package.json` to perform format checks. ```jsonc // package.json @@ -39,18 +41,18 @@ package.json에 스크립트를 추가하여 format 검사를 할 수 있습니 } ``` -> - `styelint@15.x` 버전 부터 prettier 가 할 수 있는 일을 prettier 에 위임 했기 때문에, stylelint 가 검사하는 파일은 반드시 `prettier`도 실행해야 합니다. -> - [lefthook](https://github.com/evilmartians/lefthook)을 사용해서 commit 또는 push 전에 스타일 확인을 자동화할 것을 권장합니다. +> - Since `stylelint@15.x`, formatting rules that Prettier can handle have been delegated to Prettier. Therefore, files linted by Stylelint must also be processed by Prettier. [https://github.com/stylelint/stylelint/blob/1c17fb87a2f16f041632e380dd0d600cb3532337/docs/migration-guide/to-15.md](https://github.com/stylelint/stylelint/blob/1c17fb87a2f16f041632e380dd0d600cb3532337/docs/migration-guide/to-15.md) +> - It is recommended to automate style checks before commits or pushes using [lefthook](https://github.com/evilmartians/lefthook). ## Integrating with IDE ### VSCode -[Stylelint 확장 프로그램][Stylelint]을 통해 파일 저장 시 일부 속성에 대해 자동으로 수정할 수 있습니다. +With the [Stylelint extension][Stylelint], some properties can be automatically fixed on file save. -> 스타일린트가 적용되지 않은 프로젝트에서 자동 수정이 되는 것을 방지하기 위해 프로젝트 루트 폴더에 `.vscode/settings.json` 생성 +> To prevent auto-fixing in projects not using Stylelint, create a `.vscode/settings.json` file in your project's root folder. -[Stylelint 확장 프로그램][Stylelint]설치 후 프로젝트 루트 폴더에 `.vscode/settings.json` 을 생성합니다. +After installing the [Stylelint extension][Stylelint], create a `.vscode/settings.json` file in your project's root folder. ```json { @@ -73,9 +75,9 @@ package.json에 스크립트를 추가하여 format 검사를 할 수 있습니 } ``` -이제 `*.{css,scss}` 파일 저장 시 `stylelint --fix`를 자동으로 실행합니다. +Now, `stylelint --fix` will run automatically when you save `*.{css,scss}` files. -[Stylelint]: https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint +[stylelint]: https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint ## Rules