Migration zu v2
- Pakete aktualisieren (Core v2.0.1 oder neuer, SvelteKit 5, Tailwind 4)
- Entferne tailwind.config.cjs (nicht mehr benötigt)
- Entweder postcss.config.cjs oder vite.config.ts je nach setup für den Tailwind-Preprocessor anpassen PostCSS Vite
- Austauschen der Tailwind-Importe in Haupt-CSS-Datei Link
@import "tailwindcss" source("../"); @import "@bosch-diggidev/cock/styles/app.css"; @import "@bosch-diggidev/cock/styles/styles.css"; @import "@bosch-diggidev/cock/styles/frontend-kit.css"; @import "@bosch-diggidev/cock/styles/icons.css"; @plugin '@tailwindcss/forms'; @plugin '@tailwindcss/typography'; @source '../../node_modules/@bosch-diggidev/cock'; - Austauschen aller selbst erstellten tailwind-Klassen e.g. bg-[var(--major_\)]
- Austauschen alter Hilfsklassen und umbenennen (+ Sektion darunter) z.B. rounded-sm -> rounded Link
- Hinzufügen von "@reference ../../myMainCssFileImportingTailwind.css" zu ALLEN Style-Tags in Komponenten oder Seiten
- Aktualisieren der neuen Verschachtelungsregeln für alle CSS-Definitionen:
Jede verschachtelte Regel beginnt mit &-Zeichen oder :global (WICHTIG!) - Alle Pakete, die Svelte-Komponenten liefern, müssen in vite.config.ts optimizeDeps.include und ssr.noExternal sein (z.B. @tanstack/svelte-query)
- CSS-Dateien, die in app.css importiert werden, haben KEIN @reference am Anfang -> (Absturz des Frontends mit Fehlermeldung zu Memory Overflow)
- Fonts-Dateien werden nun beim npm install in den Static Ordner kopiert. Um eine Beschädigung der Dateien zu verhindern, muss "static/fonts" in euer frontend/.gitignore und frontend/.dockerignore eingefügt werden.