T01: Frontend Foundation – Nuxt 3 + Tailwind + Design Tokens + Layout + Meta

- Nuxt 3 project with @nuxtjs/tailwindcss module
- Tailwind CSS config with A0 Dark Theme design tokens (CSS custom properties)
- AppHeader: sticky, logo, nav, phone, social icons, mobile burger menu
- AppFooter: 4-column grid (Navigation, Kontakt, Rechtliches, Social)
- HmsLogo: SVG with orange #EC6925 border
- error.vue: 404 page with Seite nicht gefunden
- robots.txt server route: Disallow: /
- Meta: noindex, nofollow, noarchive, nosnippet
- JSON-LD: LocalBusiness schema
- OpenGraph tags
- routeRules: SSR/CSR per route
- Shared components: LoadingSkeleton, EmptyState, ErrorState, LegalContentPage, SpeakerIcon
- 42 vitest tests passing
- Build: 0 errors
This commit is contained in:
A0 Implementation Engineer
2026-07-09 01:17:35 +02:00
parent 1c3e5fd932
commit 3bfa54b4b3
34 changed files with 14152 additions and 0 deletions
+10
View File
@@ -0,0 +1,10 @@
import { test, expect } from "@playwright/test";
test.describe("Error Pages", () => {
test("404 page should show 'Seite nicht gefunden'", async ({ page }) => {
const response = await page.goto("/nicht-existent");
expect(response?.status()).toBe(404);
await expect(page.locator("body")).toContainText("Seite nicht gefunden");
await expect(page.getByRole("link", { name: /Startseite/ })).toBeVisible();
});
});