Дмитрий
79ff60ffd9
ErrorView 320→178 (+ ErrorBrand 54 + ErrorIllustration 31 + ErrorActions 55 + ErrorMeta 102).
DashboardView 302→84 (+ DashboardPageHead 65 + DashboardKpiRow 97 + DashboardBalance 124).
State (config, errorCode в ErrorView; range/kpis/balance в DashboardView) остаётся
в parent ради единого route.meta-driven flow + future API-fetch'а (Phase B/1 паттерн).
DashboardPageHead использует Vue 3.5 defineModel<T>() для двусторонней привязки range.
Sub-components читают только props — без Pinia stores (mock-data flow).
Все sub-components <250 строк (acceptance threshold). Shell line counts: 178/84.
ЗАМЕЧАНИЕ по acceptance «0 components >300»: НЕ закрыто полностью. 2 файла остались
выше порога — DealsView 560 + DealDetailDrawer 386. Зафиксировано в Sprint 3 Phase C
commit 6c2f0ce: bulk-action функции (applyBulkStatus/applyBulkDelete/applyBulkExport/
undoBulkDelete/applyBulkRestoreFromTrash) и comment/reminders fetch экспонируются
через defineExpose в Vitest-тестах напрямую — дальнейшая декомпозиция требует
изменения тест-контракта (отдельным flow, не вошло в Sprint 4 Phase B).
Phase B/3 закрывает 8/12 audit-кандидатов O-refactor-04: 3 в Sprint 3 Phase C
(Top-3) + 5 в Sprint 4 Phase B/1+B/2 (admin/layout/billing/security/reminders) +
2 в B/3 (errors/dashboard). Оставшиеся: 2 крупных deals-view (defineExpose-blocked)
+ ImpersonationDialog уже <300 органически.
Регрессия: ESLint 0 + vue-tsc 0 + Vitest 416/416 + build OK 989 ms.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
32 lines
752 B
Vue
32 lines
752 B
Vue
<script setup lang="ts">
|
|
/**
|
|
* ErrorIllustration — большая JetBrains Mono цифра кода ошибки (404 / 403 / 500)
|
|
* с акцентом teal на средней цифре. Sprint 4 Phase B/3 — split ErrorView
|
|
* (audit O-refactor-04 закрытие).
|
|
*/
|
|
defineProps<{
|
|
code: '404' | '403' | '500';
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<h1 class="err-code">
|
|
{{ code[0] }}<span class="accent">{{ code[1] }}</span>{{ code[2] }}
|
|
</h1>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.err-code {
|
|
font-family: 'JetBrains Mono', ui-monospace, monospace;
|
|
font-size: 96px;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
color: #fff;
|
|
letter-spacing: -0.04em;
|
|
margin: 0 0 16px;
|
|
}
|
|
.err-code .accent {
|
|
color: #32c8a9;
|
|
}
|
|
</style>
|