examples: removes Tailwind from start-bare example (#4809)

ZackBz · web-flow · commit 2ca59db49270 · 2025-08-02T14:40:12.000+02:00
The `start-bare` example includes Tailwind with a broken config (missing
`tailwindcss()` in vite.config.ts plugins), which contradicts the 'bare'
concept. Since `start-tailwind-v4` already provides a properly
configured Tailwind example, this PR removes Tailwind from `start-bare`
to make it actually bare.
diff --git a/examples/react/start-bare/package.json b/examples/react/start-bare/package.json
@@ -17,11 +17,9 @@
     "zod": "^3.24.2"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.0.8",
     "@types/node": "^22.5.4",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
-    "tailwindcss": "^4.0.8",
     "typescript": "^5.7.2",
     "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4"
diff --git a/examples/react/start-bare/src/routes/__root.tsx b/examples/react/start-bare/src/routes/__root.tsx
@@ -32,7 +32,7 @@ function RootDocument({ children }: { children: React.ReactNode }) {
         <HeadContent />
       </head>
       <body>
-        <div className="p-2 flex gap-2 text-lg">
+        <div>
           <Link to="/">Index</Link>
           <Link to="/about">About</Link>
         </div>
diff --git a/examples/react/start-bare/src/routes/index.tsx b/examples/react/start-bare/src/routes/index.tsx
@@ -6,7 +6,7 @@ export const Route = createFileRoute('/')({
 function RouteComponent() {
   return (
     <main>
-      <h1 className="text-3xl text-blue-500 mb-5">Hello world!</h1>
+      <h1>Hello world!</h1>
     </main>
   )
 }
diff --git a/examples/react/start-bare/src/styles/app.css b/examples/react/start-bare/src/styles/app.css
@@ -1,5 +1,3 @@
-@import 'tailwindcss';
-
 body {
   font-family:
     Gordita, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
diff --git a/examples/solid/start-bare/package.json b/examples/solid/start-bare/package.json
@@ -18,11 +18,9 @@
     "zod": "^3.24.2"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.0.8",
     "@types/node": "^22.10.2",
     "vite-plugin-solid": "^2.11.2",
     "combinate": "^1.1.11",
-    "tailwindcss": "^4.0.0",
     "typescript": "^5.7.2",
     "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4"
diff --git a/examples/solid/start-bare/src/routes/__root.tsx b/examples/solid/start-bare/src/routes/__root.tsx
@@ -14,7 +14,7 @@ export const Route = createRootRoute({
 function RootDocument({ children }: { children: Solid.JSX.Element }) {
   return (
     <>
-      <div class="p-2 flex gap-2 text-lg">
+      <div>
         <Link to="/">Index</Link>
         <Link to="/about">About</Link>
       </div>
diff --git a/examples/solid/start-bare/src/routes/index.tsx b/examples/solid/start-bare/src/routes/index.tsx
@@ -7,7 +7,7 @@ export const Route = createFileRoute('/')({
 function RouteComponent() {
   return (
     <main>
-      <h1 class="text-3xl text-blue-500 mb-5">Hello world!</h1>
+      <h1>Hello world!</h1>
       <Counter />
     </main>
   )
diff --git a/examples/solid/start-bare/src/styles/app.css b/examples/solid/start-bare/src/styles/app.css
@@ -1,5 +1,3 @@
-@import 'tailwindcss';
-
 body {
   font-family:
     Gordita, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
diff --git a/examples/solid/start-bare/vite.config.ts b/examples/solid/start-bare/vite.config.ts
@@ -1,7 +1,6 @@
 import { defineConfig } from 'vite'
 import tsConfigPaths from 'vite-tsconfig-paths'
 import { tanstackStart } from '@tanstack/solid-start/plugin/vite'
-import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
   server: {
@@ -12,6 +11,5 @@ export default defineConfig({
       projects: ['./tsconfig.json'],
     }),
     tanstackStart(),
-    tailwindcss(),
   ],
 })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ export const Route = createFileRoute('/')({`
`6`	`6`	`function RouteComponent() {`
`7`	`7`	`return (`
`8`	`8`	`<main>`
`9`		`- <h1 className="text-3xl text-blue-500 mb-5">Hello world!</h1>`
	`9`	`+ <h1>Hello world!</h1>`
`10`	`10`	`</main>`
`11`	`11`	`)`
`12`	`12`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`		`-@import 'tailwindcss';`
`2`		`-`
`3`	`1`	`body {`
`4`	`2`	`font-family:`
`5`	`3`	`Gordita, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',`
Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ export const Route = createFileRoute('/')({`
`7`	`7`	`function RouteComponent() {`
`8`	`8`	`return (`
`9`	`9`	`<main>`
`10`		`- <h1 class="text-3xl text-blue-500 mb-5">Hello world!</h1>`
	`10`	`+ <h1>Hello world!</h1>`
`11`	`11`	`<Counter />`
`12`	`12`	`</main>`
`13`	`13`	`)`