Дмитрий
e909a95a8d
- vue-router@^4.6.4 (--legacy-peer-deps из-за Histoire vs Vite 8 peerDep). - resources/js/router/index.ts: createWebHistory + lazy-imports + meta.layout. Маршрут / -> /login, /login -> LoginView (meta.layout=auth). - resources/js/layouts/AuthLayout.vue: двухпанельный (brand-pane тёмный с radial-gradient акцентами + form-pane warm ivory). На mobile brand-pane скрыт. - resources/js/views/auth/LoginView.vue: форма Vuetify по v8_login.html секция #form-login - email/password (autocomplete + eye-icon), primary submit, Yandex 360 SSO, RouterLink на /register и /forgot. - AppShell.vue: layout-mapper по route.meta.layout (default/auth). - routes/web.php: явные Route::view для 6 SPA-путей (НЕ catch-all - он перехватывал /_test/* в Pest beforeEach и валил 5 SetTenantContextTest). - Vitest: +LoginView.spec.ts (5), +router.spec.ts (2), AppShell.spec.ts переписан (3). Vitest 10/10 за 3.01s. - LoginView.story.vue для Histoire. Setup расширен memory-router'ом. - cspell-words.txt: рендерят, коммиты, Лидерру. - Регресс: lint:vue OK, type-check OK, format:check OK, vitest 10/10, vite build 212 модулей за 383ms (LoginView lazy-chunk 43.5KB JS / 51.7KB CSS), story:build 2/2 за 29.94s, Pest 48/48 за 4.86s. CLAUDE.md v1.18->v1.19, реестр Открытых_вопросов v1.27->v1.28. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
36 lines
1.3 KiB
Vue
36 lines
1.3 KiB
Vue
<script setup lang="ts">
|
||
/**
|
||
* Корневой shell приложения. Мапит meta.layout текущего route'а на layout-компонент.
|
||
*
|
||
* meta.layout = 'auth' → AuthLayout (двухпанельный для login/register/2fa/forgot/recovery).
|
||
* meta.layout не задан → дефолтный layout (TODO: AppLayout с sidebar по v8_dashboard.html
|
||
* для авторизованных пользователей).
|
||
*
|
||
* Источник дизайна: liderra_v8_handoff/concepts/v8_login.html (auth) и
|
||
* v8_dashboard.html (default — будет позже).
|
||
*/
|
||
import { computed } from 'vue';
|
||
import { useRoute, RouterView } from 'vue-router';
|
||
import AuthLayout from '../layouts/AuthLayout.vue';
|
||
|
||
const route = useRoute();
|
||
const layoutName = computed(() => route.meta.layout ?? 'default');
|
||
</script>
|
||
|
||
<template>
|
||
<AuthLayout v-if="layoutName === 'auth'" />
|
||
<v-app v-else>
|
||
<v-app-bar color="secondary" :elevation="0">
|
||
<v-app-bar-title class="text-h6">Лидерра.</v-app-bar-title>
|
||
<template #append>
|
||
<v-chip color="primary" size="small" variant="elevated">phase 2</v-chip>
|
||
</template>
|
||
</v-app-bar>
|
||
<v-main>
|
||
<v-container>
|
||
<RouterView />
|
||
</v-container>
|
||
</v-main>
|
||
</v-app>
|
||
</template>
|