style(app): apply eslint --fix to Tier 1 (Vue templates)

WS-3 session 1b-i Tier 1.

Scope: src/components/**, src/pages/**, src/layouts/**, src/views/**
restricted to *.vue files. Mechanical formatting only — predominantly
vue/html-indent (506 fixes in CrowdListDetailPanel.vue alone),
padding-line-between-statements, antfu/if-newline.

Excludes (per session prompt):
- apps/app/vite.config.ts (Tier 3)
- apps/app/themeConfig.ts (Tier 3)
- apps/app/vitest.config.ts (Tier 3)
- All TypeScript-only files in src/composables, src/lib, src/stores,
  src/plugins, src/types (Tier 2 — separate commit)

Includes session 1a layouts (PortalLayout.vue, PublicLayout.vue) where
2 'lines-around-comment' errors were flagged in the previous 1b-i
pre-flight inspection.

Tests + typecheck verified green post-fix:
- apps/app vitest: 49 passed (unchanged)
- apps/app vue-tsc: clean (unchanged)
- apps/portal vitest: 113 passed (unchanged — not touched)
- backend pest: 1486 passed (unchanged — not touched)

Lint baseline progression:
- Pre-Tier-1: 1451 problems
- Post-Tier-1: 422 problems

Visual smoke status:
- NOT YET SMOKED — Bert to verify before merge. This Claude Code
  session has no UI access; cannot run pnpm dev and click through
  affected routes. The high-traffic candidates are
  CrowdListDetailPanel (506 fixes), AssignPersonDialog (44),
  ShiftDetailPanel (36), and the events / form-failures pages.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-04-29 11:04:46 +02:00
parent dd8430f600
commit 47bd533179
77 changed files with 1277 additions and 993 deletions

View File

@@ -13,6 +13,7 @@ const hasMultiple = computed(() => organisations.value.length > 1)
const activeOrgName = computed(() => {
const name = activeOrg.value?.name ?? 'Geen organisatie'
return name.length > 18 ? `${name.slice(0, 18)}` : name
})
@@ -69,15 +70,15 @@ function selectOrg(id: string) {
{{ activeOrgName }}
</span>
<Component
:is="layoutConfig.app.iconRenderer || 'div'"
v-if="hasMultiple"
v-show="!hideTitleAndBadge"
:is="layoutConfig.app.iconRenderer || 'div'"
v-bind="{ icon: 'tabler-chevron-down' }"
key="chevron"
class="nav-item-badge"
:style="{
transition: 'transform 0.2s ease',
transform: isMenuOpen ? 'rotate(180deg)' : 'rotate(0deg)',
'transition': 'transform 0.2s ease',
'transform': isMenuOpen ? 'rotate(180deg)' : 'rotate(0deg)',
'font-size': '18px',
'margin-inline-start': 'auto',
}"