setup linter

.eslintrc

@@ -0,0 +1,12 @@
+{
+  "env": {
+    "browser": false,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"]
+}

.stylelintrc

@@ -0,0 +1,3 @@
+{
+  "extends": "stylelint-config-recommended"
+}

package.json

@@ -2,6 +2,9 @@
   "name": "nes.css",
   "description": "NES.css is NES-style CSS Framework.",
   "scripts": {
+    "lint": "run-p lint:*",
+    "lint:es": "eslint .",
+    "lint:css": "stylelint **/*.css",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -25,9 +28,15 @@
     "@storybook/html": "^7.0.0",
     "@storybook/html-vite": "^7.0.0",
     "@storybook/testing-library": "^0.0.14-next.2",
+    "@typescript-eslint/eslint-plugin": "^5.57.0",
+    "@typescript-eslint/parser": "^5.57.0",
+    "eslint": "^8.37.0",
+    "npm-run-all": "^4.1.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^7.0.0"
+    "storybook": "^7.0.0",
-  },
+    "stylelint": "^15.3.0",
-  "peerDependencies": {}
+    "stylelint-config-recommended": "^11.0.0",
+    "typescript": "^5.0.3"
+  }
 }

src/elements/button/button.css

@@ -16,20 +16,17 @@
   initial-value: gray;
 }
 
-/**
- * CSS Variables
- */
 .nes-btn {
+  /**
+   * CSS Variables
+   */
   --nes-btn-border-width: 4px;
   --nes-btn-border-color: black;
   --nes-btn-border-inset-color: gray;
 
-}
+  /**
-
+  * Basic Style
-/**
+  */
- * Basic Style
- */
-.nes-btn {
   border: solid var(--nes-btn-border-width) var(--nes-btn-border-color);
   box-shadow:
     inset 0 calc(var(--nes-btn-border-width) * -1) var(--nes-btn-border-inset-color),