build: add stylelint to project

Author: MichaelGitArt

.stylelintignore

@@ -0,0 +1,5 @@
+dist
+node_modules
+public
+___
+*.json

.stylelintrc.js

@@ -0,0 +1,20 @@
+module.exports = {
+  extends: ['stylelint-config-standard'],
+  rules: {
+    indentation: 2,
+    'at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: [
+          'tailwind',
+          'apply',
+          'variants',
+          'responsive',
+          'screen',
+        ],
+      },
+    ],
+    'declaration-block-trailing-semicolon': null,
+    'no-descending-specificity': null,
+  },
+}

package.json

@@ -4,7 +4,10 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
-    "serve": "vite preview"
+    "serve": "vite preview",
+    "stylelint": "stylelint .",
+    "lint": "stylelint . && eslint .",
+    "eslint": "eslint"
   },
   "files": [
     "dist"
@@ -34,6 +37,8 @@
     "eslint-plugin-vue": "^7.14.0",
     "eslint-plugin-vue-scoped-css": "^1.2.2",
     "sass": "^1.35.2",
+    "stylelint": "^13.13.1",
+    "stylelint-config-standard": "^22.0.0",
     "typescript": "^4.3.2",
     "vite": "^2.4.0",
     "vue-tsc": "^0.0.24"

src/gitart-vue-dialog/components/GDialogContent.vue

@@ -52,12 +52,13 @@ export default defineComponent({
   border-radius: 4px;
   margin: 24px;
   overflow-y: auto;
-  pointer-events: auto;
   transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
   width: 100%;
   z-index: inherit;
-  box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%),
-    0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%);
+  box-shadow:
+    0 11px 15px -7px rgb(0 0 0 / 20%),
+    0 24px 38px 3px rgb(0 0 0 / 14%),
+    0 9px 46px 8px rgb(0 0 0 / 12%);
 
   &:not(#{$dialog}--fullscreen) {
     max-height: 90%;