feat(node:root,web): added the tailwindCSS configuration

Author: kurone-kito

.prettierrc.mjs

@@ -11,5 +11,6 @@ export default {
     'prettier-plugin-packagejson',
     'prettier-plugin-sh',
     'prettier-plugin-sort-json',
+    'prettier-plugin-tailwindcss',
   ],
 };

.vscode/extensions.json

@@ -1,5 +1,6 @@
 {
   "recommendations": [
+    "bradlc.vscode-tailwindcss",
     "davidanson.vscode-markdownlint",
     "dbaeumer.vscode-eslint",
     "editorconfig.editorconfig",

.vscode/settings.json

@@ -28,6 +28,7 @@
     "*.asset": "yaml",
     "*.buildreport": "yaml",
     "*.controller": "yaml",
+    "*.css": "tailwindcss",
     "*.dwlt": "yaml",
     "*.exe.config": "xml",
     "*.index": "json",

eslint.config.mjs

@@ -1 +1,4 @@
-export { default } from '@kurone-kito/eslint-config-base';
+import defaultConfig from '@kurone-kito/eslint-config-base';
+import tailwind from 'eslint-plugin-tailwindcss';
+
+export default [...defaultConfig, ...tailwind.configs['flat/recommended']];

nodePackages/web/package.json

@@ -37,8 +37,13 @@
     "@kurone-kito/launchpad-icons-solid": "workspace:^"
   },
   "devDependencies": {
+    "@kurone-kito/typescript-config": "^0.17.2",
+    "autoprefixer": "^10.4.20",
     "cpy-cli": "^5.0.0",
-    "rimraf": "^5.0.10"
+    "postcss": "^8.5.1",
+    "rimraf": "^5.0.10",
+    "tailwindcss": "^3.4.17",
+    "typescript": "~5.7.2"
   },
   "engines": {
     "node": "^18.20 || ^20.10 || >=22"

nodePackages/web/postcss.config.js

@@ -0,0 +1 @@
+export default { plugins: { autoprefixer: {}, tailwindcss: {} } };

nodePackages/web/tailwind.config.ts

@@ -0,0 +1,6 @@
+import type { Config } from 'tailwindcss';
+
+/** The Tailwind CSS configuration. */
+const config: Config = { content: ['./src/**/*.{html,js,jsx,ts,tsx}'] };
+
+export default config;

nodePackages/web/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "lib": ["ESNext", "DOM"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "noEmit": true,
+    "target": "ESNext"
+  },
+  "extends": "@kurone-kito/typescript-config/tsconfig.json",
+  "include": ["*.config.?s"]
+}

package.json

@@ -59,6 +59,7 @@
     "cspell": "^8.17.3",
     "eslint": "^9.19.0",
     "eslint-formatter-codeframe": "^7.32.1",
+    "eslint-plugin-tailwindcss": "^3.18.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.4.3",
     "markdownlint-cli2": "^0.17.2",
@@ -67,6 +68,7 @@
     "prettier-plugin-packagejson": "^2.5.8",
     "prettier-plugin-sh": "^0.14.0",
     "prettier-plugin-sort-json": "^4.1.1",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "rimraf": "^5.0.10",
     "typescript": "~5.7.3",
     "typescript-eslint-language-service": "^5.0.5"