feat: add stylelint as my css linter

.lintstagedrc.json

@@ -5,5 +5,6 @@
 		"pnpm prettier",
 		"pnpm lint:language"
 	],
-	"*.(html|css|md)": ["pnpm prettier", "pnpm lint:language"]
+	"*.(html|css|md)": ["pnpm prettier", "pnpm lint:language"],
+	"*.(css|scss|sass)": ["pnpm css:lint", "pnpm css:fix"]
 }

.stylelintignore

@@ -0,0 +1 @@
+node_modules/*.scss

.stylelintrc.json

@@ -0,0 +1,8 @@
+{
+	"extends": "stylelint-config-standard-scss",
+	"rules": {
+		"selector-id-pattern": null,
+		"selector-class-pattern": null,
+		"rule-empty-line-before": null
+	}
+}

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
 	"editor.defaultFormatter": "esbenp.prettier-vscode",
 	"editor.formatOnSave": true,
-	"cSpell.words": ["Swal", "sweetalert"]
+	"cSpell.words": ["stylelint", "Swal", "sweetalert"]
 }

package.json

@@ -12,7 +12,9 @@
 		"prettier": "npx prettier --write .",
 		"prettier:check": "npx prettier --check .",
 		"lint:language": "npx alex ./*.*",
-		"prepare": "husky install"
+		"prepare": "husky install",
+		"css:lint": "npx stylelint ./src/sass/*.scss",
+		"css:fix": "npx stylelint --fix ./src/sass/*.scss"
 	},
 	"devDependencies": {
 		"@cspell/eslint-plugin": "^7.3.6",
@@ -29,6 +31,8 @@
 		"lint-staged": "^14.0.1",
 		"prettier": "3.0.3",
 		"sass": "^1.68.0",
+		"stylelint": "^15.10.3",
+		"stylelint-config-standard-scss": "^11.0.0",
 		"vite": "^4.4.5"
 	},
 	"config": {