Migrate stylelintrc to stylint.config.js (#6871)

* migrate stylelint to stylint.config.js

* Update stylelint.config.mjs

---------

Co-authored-by: PikachuEXE <git@pikachuexe.net>

.stylelintrc.json

@@ -1,35 +0,0 @@
-{
-  "plugins": ["stylelint-use-logical-spec", "@double-great/stylelint-a11y"],
-  "extends": ["stylelint-config-standard", "stylelint-config-sass-guidelines"],
-  "overrides": [
-    {
-      "files": ["**/*.scss"],
-      "customSyntax": "postcss-scss",
-      "rules": {
-        "max-nesting-depth": null,
-        "selector-max-compound-selectors": null
-      }
-    },
-    {
-      "files": ["**/*.css"],
-      "rules": {
-      }
-    }
-  ],
-  "rules": {
-    "selector-no-qualifying-type": [
-      true, {
-      "ignore": ["attribute"]
-    }],
-    "selector-class-pattern": null,
-    "selector-id-pattern": null,
-    "selector-pseudo-class-no-unknown": [
-      true,
-      {
-        "ignorePseudoClasses": ["deep", "global"]
-      }
-    ],
-    "a11y/no-outline-none": true,
-    "liberty/use-logical-spec": ["always"]
-  }
-}

package.json

@@ -40,8 +40,8 @@
     "eslint-lint": "eslint --config eslint.config.mjs \"src/**/*.js\" \"src/renderer/**/*.vue\" \"static/*.js\" \"_scripts/*.js\" \"_scripts/**/*.mjs\"",
     "eslint-lint-fix": "eslint --config eslint.config.mjs --fix \"src/**/*.js\" \"src/renderer/**/*.vue\" \"static/*.js\" \"_scripts/*.js\" \"_scripts/**/*.mjs\"",
     "lint-json": "eslint --config eslint.config.mjs \"static/**/*.json\"",
-    "lint-style": "stylelint \"**/*.{css,scss}\"",
+    "lint-style": "stylelint \"src/**/*.{css,scss}\"",
-    "lint-style-fix": "stylelint --fix \"**/*.{css,scss}\"",
+    "lint-style-fix": "stylelint --fix \"src/**/*.{css,scss}\"",
     "lint-yml": "eslint --config eslint.config.mjs \"**/*.yml\" \"**/*.yaml\"",
     "pack": "run-p pack:main pack:renderer pack:botGuardScript && node _scripts/injectAllowedPaths.mjs",
     "pack:main": "webpack --mode=production --node-env=production --config _scripts/webpack.main.config.js",

stylelint.config.mjs

@@ -0,0 +1,39 @@
+import logicalSpec from 'stylelint-use-logical-spec'
+import a11y from '@double-great/stylelint-a11y'
+/** @type {import('stylelint').Config} */
+export default {
+  plugins: [logicalSpec, ...a11y],
+  extends: ['stylelint-config-standard', 'stylelint-config-sass-guidelines'],
+  overrides: [
+    {
+      files: '**/*.scss',
+      customSyntax: 'postcss-scss',
+      rules: {
+        'max-nesting-depth': null,
+        'selector-max-compound-selectors': null
+      }
+    },
+    {
+      files: '**/*.css',
+      rules: { }
+    }
+  ],
+  rules: {
+    'selector-no-qualifying-type': [
+      true,
+      {
+        ignore: ['attribute']
+      }
+    ],
+    'selector-class-pattern': null,
+    'selector-id-pattern': null,
+    'selector-pseudo-class-no-unknown': [
+      true,
+      {
+        ignorePseudoClasses: ['deep', 'global']
+      }
+    ],
+    'a11y/no-outline-none': true,
+    'liberty/use-logical-spec': ['always']
+  }
+}