Dieses Projekt ist eine Lernumgebung für TypeScript in Nuxt 4. Es enthält eine Demo-App (Cocktail-Suche) und begleitende Dokumentation.
Aktuell gibt es in der App ein Thema:
TypeScript & Composablesunter/typescript
Die Startseite (/) dient als Einstieg und verlinkt auf dieses Thema.
npm install
npm run devDie App läuft auf http://localhost:3000.
app/
components/ → Vue-Komponenten (z.B. CocktailKarte.vue)
composables/ → Composables mit TypeScript (z.B. useCocktails.ts)
pages/ → Seiten (index.vue, typescript.vue)
| Datei | Inhalt |
|---|---|
typescript-setup.md |
Nuxt & TypeScript einrichten (neues/bestehendes Projekt, nuxt.config.ts) |
typescript-komponenten.md |
TypeScript-Konzepte erklärt: Primitive Typen, Interfaces, Generics, Inferenz, Union Types, Nullish Coalescing — alles anhand der Cocktail-App |
tailwind-v4-install.md |
Tailwind CSS v4 in Nuxt 4 installieren |