Enable Tailwind CSS

Author: morewings

.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:

.nvmrc

@@ -1 +1 @@
-20
+v20

.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"

eslint.config.js

@@ -13,11 +13,13 @@ import configReactJSXRuntime from 'eslint-plugin-react/configs/jsx-runtime.js';
 import pluginReactHooks from 'eslint-plugin-react-hooks';
 import {fixupPluginRules} from '@eslint/compat';
 import configPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import tailwindPlugin from 'eslint-plugin-tailwindcss';
 
 export default [
     eslint.configs.recommended,
     ...eslintTS.configs.recommended,
     ...eslintTS.configs.stylistic,
+    ...tailwindPlugin.configs['flat/recommended'],
     configReactRecommended,
     configReactJSXRuntime,
     configPrettierRecommended,

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

@@ -91,6 +91,7 @@
     "eslint-plugin-react-refresh": "0.4.7",
     "eslint-plugin-ssr-friendly": "1.3.0",
     "eslint-plugin-storybook": "0.8.0",
+    "eslint-plugin-tailwindcss": "3.17.4",
     "generate-react-cli": "8.4.6",
     "husky": "9.0.11",
     "identity-obj-proxy": "3.0.0",
@@ -110,6 +111,7 @@
     "stylelint-config-standard": "36.0.1",
     "stylelint-order": "6.0.4",
     "stylelint-prettier": "5.0.0",
+    "tailwindcss": "3.4.4",
     "ts-jest": "29.1.5",
     "ts-node": "10.9.2",
     "typescript": "5.5.3",