wip tailwind setting

taku10101 · taku10101 · commit 4f593c6cd959 · 2025-04-13T00:21:41.000+09:00
diff --git a/index.html b/index.html
@@ -4,6 +4,8 @@
 <head>
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <link href="/src/styles.css" rel="stylesheet">
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Vite + TS</title>
 </head>
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^8.6.10",
-    "tailwindcss": "^4.0.0",
+    "tailwindcss": "^4.1.3",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-react-aria-components": "^1.0.0",
     "typescript": "~5.7.2",
@@ -40,6 +40,7 @@
   "dependencies": {
     "@axe-core/playwright": "^4.10.1",
     "@hookform/resolvers": "^5.0.1",
+    "@tailwindcss/vite": "^4.1.3",
     "axios": "^1.8.4",
     "framer-motion": "^11.18.2",
     "lucide-react": "^0.292.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/main.tsx b/src/main.tsx
@@ -1,4 +1,3 @@
-import './style.css'
 import { StrictMode } from "react"
 import { createRoot } from "react-dom/client"
 import App from "./App.tsx"
diff --git a/src/style.css b/src/style.css
@@ -1,4 +1,4 @@
-@import 'tailwindcss';
+@import "tailwindcss";
 @plugin 'tailwindcss-react-aria-components';
 @plugin 'tailwindcss-animate';
 
diff --git a/vitest.config.ts b/vitest.config.ts
@@ -2,6 +2,7 @@ import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { defineConfig } from 'vitest/config';
 import graphqlLoader from 'vite-plugin-graphql-loader';
+import tailwindcss from '@tailwindcss/vite'
 
 const dirname =
   typeof __dirname !== 'undefined' ? __dirname : path.dirname(fileURLToPath(import.meta.url));
@@ -12,5 +13,5 @@ export default defineConfig({
       '@': path.resolve(dirname, 'src'),
     },
   },
-  plugins: [graphqlLoader()],
+  plugins: [tailwindcss()],
 });

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import './style.css'`
`2`	`1`	`import { StrictMode } from "react"`
`3`	`2`	`import { createRoot } from "react-dom/client"`
`4`	`3`	`import App from "./App.tsx"`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import 'tailwindcss';`
	`1`	`+@import "tailwindcss";`
`2`	`2`	`@plugin 'tailwindcss-react-aria-components';`
`3`	`3`	`@plugin 'tailwindcss-animate';`
`4`	`4`