managarten/apps/todo/apps/web/vite.config.ts
Till JS 45db42720c fix(todo): pixel-perfect skeleton loaders, PillNav tab group, and SSR head fix
- Rewrite TaskListSkeleton to match notepad design (spiral holes, red margin line, cream background)
- Rewrite TaskItemSkeleton as flat rows with border-bottom instead of card style
- Rewrite KanbanColumnSkeleton with glassmorphism and pill-shaped task cards
- Update KanbanBoardSkeleton with matching border-radius and dark mode support
- Group navigation pills (Liste/Kanban/Tags) into PillTabGroup for clear UX distinction from toggle pills (Filter)
- Add Phosphor icon support to PillTabGroup component
- Fix %sveltekit.head% appearing as literal text in production by removing duplicate placeholder from HTML comment
- Disable PWA service worker in dev mode

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 20:51:41 +01:00

61 lines
1.4 KiB
TypeScript

/// <reference types="vitest/config" />
import { sveltekit } from '@sveltejs/kit/vite';
import tailwindcss from '@tailwindcss/vite';
import { defineConfig } from 'vite';
import { SvelteKitPWA } from '@vite-pwa/sveltekit';
import { createPWAConfig } from '@manacore/shared-pwa';
import { MANACORE_SHARED_PACKAGES, getBuildDefines } from '@manacore/shared-vite-config';
export default defineConfig({
plugins: [
tailwindcss(),
sveltekit(),
SvelteKitPWA(
createPWAConfig({
name: 'Todo - Aufgabenverwaltung',
shortName: 'Todo',
description: 'Aufgaben und Projekte verwalten mit Kanban-Board, Subtasks und mehr',
themeColor: '#8b5cf6',
devEnabled: false,
shortcuts: [
{
name: 'Neue Aufgabe',
short_name: 'Neu',
description: 'Neue Aufgabe erstellen',
url: '/?action=new',
},
{
name: 'Kanban Board',
short_name: 'Kanban',
description: 'Kanban-Ansicht öffnen',
url: '/kanban',
},
{
name: 'Einstellungen',
short_name: 'Settings',
description: 'App-Einstellungen öffnen',
url: '/settings',
},
],
})
),
],
server: {
port: 5188,
strictPort: true,
},
ssr: {
noExternal: [...MANACORE_SHARED_PACKAGES, '@todo/shared'],
},
optimizeDeps: {
exclude: [...MANACORE_SHARED_PACKAGES, '@todo/shared'],
},
test: {
environment: 'jsdom',
include: ['src/**/*.test.ts'],
globals: true,
},
define: {
...getBuildDefines(),
},
});