chore: Tailwind CSSを利用するための設定を追加

3w36zj6 · 3w36zj6 · commit 806288d84c51 · 2025-05-03T06:54:57.000+09:00
diff --git a/website/src/components/templates/BaseTemplate.tsx b/website/src/components/templates/BaseTemplate.tsx
@@ -125,6 +125,7 @@ export const BaseTemplate: FC<BaseTemplateProps> = ({
         `,
           }}
         />
+        <link href="/src/styles.css" rel="stylesheet"></link>
       </head>
 
       <body class="no-js docs has-outline">
diff --git a/website/src/styles.css b/website/src/styles.css
@@ -0,0 +1 @@
+@import "tailwindcss";
diff --git a/website/tsconfig.json b/website/tsconfig.json
@@ -4,6 +4,8 @@
     "jsx": "react-jsx",
     "jsxImportSource": "hono/jsx",
     "resolveJsonModule": true,
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler"
   }
 }
diff --git a/website/vite.config.ts b/website/vite.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig } from "vite";
+import tailwindcss from '@tailwindcss/vite'
 import ssg from "@hono/vite-ssg";
 import { defaultOptions } from "@hono/vite-dev-server";
 import devServer from "@hono/vite-dev-server";
@@ -14,6 +15,7 @@ symlinkSync(assetsDocsPath, publicAssetsDocsPath, "dir");
 
 export default defineConfig({
   plugins: [
+    tailwindcss(),
     ssg(),
     devServer({
       entry: "src/index.tsx",
