Skip to content

Commit c5a0982

Browse files
enkoclaude
andcommitted
fix(build): Fix build errors in backend and frontend
Backend: - Add missing path mapping for @freundebuch/shared/index.js in tsconfig.build.json Frontend: - Migrate to TailwindCSS v4 configuration model - Add @tailwindcss/postcss package for PostCSS integration - Update app.css to use @import "tailwindcss" and @theme directive - Move custom colors and fonts to CSS-based @theme configuration 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent cac37c2 commit c5a0982

File tree

5 files changed

+358
-38
lines changed

5 files changed

+358
-38
lines changed

apps/backend/tsconfig.build.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@
66
"module": "NodeNext",
77
"moduleResolution": "NodeNext",
88
"paths": {
9-
"@freundebuch/shared": ["../../packages/shared/src/index.ts"]
9+
"@freundebuch/shared": ["../../packages/shared/src/index.ts"],
10+
"@freundebuch/shared/index.js": ["../../packages/shared/src/index.ts"]
1011
}
1112
},
1213
"include": ["src/**/*"],

apps/frontend/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
"@sveltejs/adapter-auto": "7.0.0",
2424
"@sveltejs/kit": "2.49.2",
2525
"@sveltejs/vite-plugin-svelte": "6.2.1",
26+
"@tailwindcss/postcss": "4.1.18",
2627
"@testing-library/svelte": "5.3.0",
2728
"autoprefixer": "10.4.23",
2829
"jsdom": "27.3.0",

apps/frontend/postcss.config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
export default {
22
plugins: {
3-
tailwindcss: {},
3+
'@tailwindcss/postcss': {},
44
autoprefixer: {},
55
},
66
};

apps/frontend/src/app.css

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,17 @@
1-
@tailwind base;
2-
@tailwind components;
3-
@tailwind utilities;
1+
@import "tailwindcss";
2+
3+
@theme {
4+
/* Custom colors */
5+
--color-forest: #2d5016;
6+
--color-forest-light: #3a6b1e;
7+
--color-forest-dark: #1f3810;
8+
--color-sage: #8b9d83;
9+
--color-amber-warm: #d4a574;
10+
11+
/* Custom fonts */
12+
--font-heading: "Yanone Kaffeesatz", sans-serif;
13+
--font-body: Merriweather, serif;
14+
}
415

516
@layer base {
617
body {

0 commit comments

Comments
 (0)