feat(layouts): add OrganizerLayoutV2 + AppShellV2 skeleton

Tailwind-grid shell skeleton with named slot regions (sidebar, topbar,
default, drawer). OrganizerLayoutV2 wires the skeleton with RouterView,
selectable via definePage meta. Vitest component mount test: 2 tests pass.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-16 11:44:42 +02:00
parent b160f53f13
commit 73b2dea363
3 changed files with 104 additions and 0 deletions

View File

@@ -0,0 +1,26 @@
<script setup lang="ts">
// OrganizerLayoutV2 — v2 layout file selected by
// definePage({ meta: { layout: 'OrganizerLayoutV2' } }) on pages-v2/**
// (RFC-WS-GUI-REDESIGN AD-G2). Plan 1: wires the skeleton + RouterView.
// A later plan fills the sidebar/topbar/drawer slots with ported
// PrimeVue shell pieces.
import AppShellV2 from '@/layouts/components/AppShellV2.vue'
</script>
<template>
<AppShellV2>
<template #sidebar>
<nav class="w-72 border-r border-surface-200 p-4 dark:border-surface-800">
<span class="text-sm text-surface-500">Crewli v2</span>
</nav>
</template>
<template #topbar>
<header class="flex h-14 items-center border-b border-surface-200 px-6 dark:border-surface-800">
<span class="text-sm text-surface-500">v2 shell (skeleton)</span>
</header>
</template>
<RouterView />
</AppShellV2>
</template>