docs(plan-2.5): closure — RFC supersession, BACKLOG landing, applyDomAttributes dedupe
Plan 2.5 final phase (P8). Closes the PrimeVue shell-migration workstream. - RFC-WS-PRIMEVUE-PLAN-2-5: added Supersessions section recording the governing-RFC divergences (§4 dark mode `<body>`→`<html>` per AD-2.5-D1; §7.4 workspace sub option A reversed to placeholder after visual review). Added closure summary (phases, ADs, brand-square recipe, suite delta, lessons). Status → COMPLETE. - BACKLOG: landed 8 items surfaced during Plan 2.5 (MOBILE-SHELL-PARITY, WORKSPACE-DROPDOWN-SUB-CONTENT, DENSITY-AWARE-SPACING, TOPBAR-H-VAR- DECLARE, CSP-FONT-SRC-LOCKDOWN, AUTO-IMPORTS-V2-SCAN, PNPM-RESOLUTIONS- ROOT, SHELLUI-STALE-DATA-THEME-CLEANUP). Marked GRADIENT-BRAND- ALIGNMENT as resolved. - useShellUiStore.toggleDensity: removed redundant applyDomAttributes() call (the AppShellV2 watch already covers density changes). Moved the DOM-write assertion to AppShellV2 watcher-coverage specs. Plan 2.5 status: COMPLETE. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -46,14 +46,18 @@ export const useShellUiStore = defineStore('shellUi', () => {
|
||||
|
||||
/**
|
||||
* Plan 2.5 P6 Fix 10: binary UI toggle between the two density extremes
|
||||
* the topbar exposes. Calls applyDomAttributes() so consumers (PrimeVue
|
||||
* Aura preset + Tailwind component styles) react to the new
|
||||
* <html data-density> immediately, mirroring how AppShellV2's watcher
|
||||
* would update on a setDensity() call but synchronously.
|
||||
* the topbar exposes. Pure state mutation — the <html data-density> write
|
||||
* is owned by AppShellV2's `watch([theme, density])`, the single
|
||||
* applyDomAttributes() authority. Mirrors setTheme(), which has always
|
||||
* relied on that same watcher.
|
||||
*
|
||||
* Plan 2.5 P8 dedupe: this previously also called applyDomAttributes()
|
||||
* directly, so a density toggle fired it twice (idempotent but redundant —
|
||||
* once here, once via the watch). The direct call was removed; the watch
|
||||
* still covers the change.
|
||||
*/
|
||||
function toggleDensity(): void {
|
||||
density.value = density.value === 'compact' ? 'comfortable' : 'compact'
|
||||
applyDomAttributes()
|
||||
}
|
||||
|
||||
function applyDomAttributes(): void {
|
||||
|
||||
Reference in New Issue
Block a user