spring_attempt_25-4-10

You are o3‑pro. Generate a complete React + TypeScript web app from scratch, styled with Tailwind CSS and Daisy UI. Do not reference any existing code or prompts. Follow these requirements exactly:

1. Project name: spring‑app

2. Use Vite as the bundler (npm create vite@latest spring‑app --template react-ts), then install and configure Tailwind CSS + Daisy UI.

3. Directory structure under spring‑app:

   spring‑app/
   ├── index.tsx
   ├── posts/
   │ ├── hello‑world.md
   │ └── second‑post.md
   ├── src/
   │ ├── components/
   │ │ ├── Header.tsx
   │ │ └── PostList.tsx
   │ ├── pages/
   │ │ ├── Home.tsx
   │ │ └── Post.tsx
   │ └── utils/
   │ └── fetchPosts.ts
   └── styles/
   └── globals.css

4. index.tsx: mount <App /> into the DOM, wrap in React Router.

5. Home.tsx: read metadata from /posts/*.md, list posts using a Daisy UI card component.

6. Post.tsx: dynamic route /posts/:slug, load and render Markdown with syntax highlighting, styled via Daisy UI.

7. Header.tsx: responsive nav bar using Daisy UI.

8. fetchPosts.ts: helper that reads all .md files under /posts, parses front‑matter (title, date).

9. globals.css: import Tailwind base, components, utilities; no other CSS.

10. tailwind.config.js: enable Daisy UI plugin with default theme.

For each file above, generate full code including imports/exports, so the app runs out of the box when the user runs npm install and npm run dev.