Enable Tailwind CSS

Author: morewings

.eslintrc.cjs

@@ -21,6 +21,7 @@ module.exports = {
         'plugin:react/jsx-runtime',
         'plugin:react-hooks/recommended',
         'plugin:ssr-friendly/recommended',
+        'plugin:tailwindcss/recommended',
         'plugin:storybook/recommended',
         'plugin:prettier/recommended',
     ],

.github/workflows/pull-request-jobs.yml

@@ -5,7 +5,7 @@ name: Node.js CI
 
 on:
   pull_request:
-    branches: [ master ]
+    branches: ["master", "tailwind"]
 
 jobs:
   lint-test:

.stylelintrc

@@ -15,7 +15,15 @@
     "at-rule-no-vendor-prefix": true,
     "selector-no-vendor-prefix": true,
     "max-nesting-depth": 3,
-    "selector-max-compound-selectors": 5
+    "selector-max-compound-selectors": 5,
+    "at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": [
+          "tailwind"
+        ]
+      }
+    ]
   },
   "plugins": [
     "stylelint-order"

generate-react-cli.json

@@ -16,7 +16,6 @@
       "withHookTest": true,
       "customTemplates": {
         "component": "templates/Component/TemplateName.tsx",
-        "style": "templates/Component/TemplateName.module.css",
         "story": "templates/Component/TemplateName.stories.tsx",
         "index": "templates/Component/index.ts",
         "mdx": "templates/Component/TemplateName.mdx",

package.json

@@ -76,7 +76,7 @@
     "@typescript-eslint/eslint-plugin": "7.0.0",
     "@typescript-eslint/parser": "6.21.0",
     "@vitejs/plugin-react": "4.2.1",
-    "@yelo/rollup-node-external": "^1.0.1",
+    "@yelo/rollup-node-external": "1.0.1",
     "alias-hq": "6.2.3",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
@@ -87,6 +87,7 @@
     "eslint-plugin-react-refresh": "0.4.6",
     "eslint-plugin-ssr-friendly": "1.3.0",
     "eslint-plugin-storybook": "0.8.0",
+    "eslint-plugin-tailwindcss": "3.15.1",
     "generate-react-cli": "^8.4.1",
     "husky": "9.0.11",
     "identity-obj-proxy": "3.0.0",
@@ -96,7 +97,7 @@
     "lint-staged": "15.2.2",
     "npm-run-all2": "5.0.0",
     "postcss": "8.4.38",
-    "postcss-preset-env": "^9.5.9",
+    "postcss-preset-env": "9.5.12",
     "prettier": "3.2.5",
     "react": "18.3.1",
     "react-dom": "18.2.0",
@@ -105,10 +106,11 @@
     "stylelint-config-standard": "36.0.0",
     "stylelint-order": "6.0.4",
     "stylelint-prettier": "5.0.0",
+    "tailwindcss": "3.4.3",
     "ts-jest": "29.1.2",
     "ts-node": "10.9.2",
     "typescript": "5.4.5",
     "vite": "5.2.10",
-    "vite-plugin-dts": "^3.9.0"
+    "vite-plugin-dts": "3.9.0"
   }
 }