add tw to bare

Author: birkskyum

examples/solid/start-bare/app.config.ts

@@ -1,12 +1,14 @@
 import { defineConfig } from '@tanstack/solid-start/config'
 import tsConfigPaths from 'vite-tsconfig-paths'
+import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
   vite: {
     plugins: [
       tsConfigPaths({
         projects: ['./tsconfig.json'],
       }),
+      tailwindcss(),
     ],
   },
 })

examples/solid/start-bare/app/routes/index.tsx

@@ -7,8 +7,8 @@ export const Route = createFileRoute('/')({
 function RouteComponent() {
   return (
     <main>
-      <h1>Hello world!</h1>
-      <Counter />
+    <h1 class="text-3xl text-blue-500 mb-5">Hello world!</h1>
+    <Counter />
     </main>
   )
 }

examples/solid/start-bare/app/styles/app.css

@@ -1,22 +1,17 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
 
-@layer base {
-  html {
-    color-scheme: light dark;
-  }
-
-  * {
-    @apply border-gray-200 dark:border-gray-800;
-  }
+body {
+  font-family:
+    Gordita, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+    sans-serif;
+}
 
-  html,
-  body {
-    @apply text-gray-900 bg-gray-50 dark:bg-gray-950 dark:text-gray-200;
-  }
+a {
+  margin-right: 1rem;
+}
 
-  .using-mouse * {
-    outline: none !important;
-  }
+main {
+  text-align: center;
+  padding: 1em;
+  margin: 0 auto;
 }

examples/solid/start-bare/package.json

@@ -4,11 +4,9 @@
   "sideEffects": false,
   "type": "module",
   "scripts": {
-    "dev": "vinxi dev --port 3000",
-    "dev:e2e": "vinxi dev",
-    "build": "vinxi build && tsc --noEmit",
-    "start": "vinxi start",
-    "test:e2e": "playwright test --project=chromium"
+    "dev": "vinxi dev",
+    "build": "vinxi build",
+    "start": "vinxi start"
   },
   "dependencies": {
     "@tanstack/solid-router": "workspace:^",
@@ -20,13 +18,10 @@
     "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@playwright/test": "^1.50.1",
+    "@tailwindcss/vite": "^4.0.8",
     "@types/node": "^22.10.2",
-    "@tanstack/router-e2e-utils": "workspace:^",
     "vite-plugin-solid": "^2.11.2",
     "combinate": "^1.1.11",
-    "postcss": "^8.5.1",
-    "autoprefixer": "^10.4.20",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.2",
     "vite-tsconfig-paths": "^5.1.4"