chore(frontend): fix ESLint, add Pint+ESLint pre-commit hook, centralize v-html

Fix the broken ESLint setup: add vue-eslint-parser and @typescript-eslint/parser
and wire the TS parser into eslint.config.mjs so .ts and <script lang=ts> parse
(was failing outright). Clear the resulting backlog to a clean 0/0 baseline —
fix genuine issues, relax two intentional-pattern rules (multi-word-component-names,
no-required-prop-with-default).

Add a committed .githooks/pre-commit (enabled via core.hooksPath, auto-set by the
prepare script) that runs Pint on staged PHP and ESLint --max-warnings 0 on staged
resources/scripts JS/TS/Vue, blocking on failure. Add composer/npm lint scripts and
document the gate in CLAUDE.md.

Replace every scattered v-html with a single audited BaseSanitizedHtml component
that DOMPurify-sanitizes its input (new utils/markdown.ts sanitizeHtml), so
server/registry-provided HTML is actually sanitized and vue/no-v-html stays enabled
everywhere but one reviewed sink.
This commit is contained in:
Darko Gjorgjijoski
2026-06-11 11:00:25 +02:00
committed by Darko Gjorgjijoski
parent 1e8b113cc9
commit f3ab0f22fc
31 changed files with 155 additions and 47 deletions

View File

@@ -15,7 +15,7 @@
searchable
object
label="name"
@update:modelValue="onSelectTax"
@update:model-value="onSelectTax"
>
<template #singlelabel="{ value }">
<div class="absolute left-3.5">

View File

@@ -161,7 +161,7 @@
v-if="formData.tax_per_item === 'NO' || formData.tax_per_item === null"
>
<div
v-for="(tax, index) in taxes"
v-for="tax in taxes"
:key="tax.id"
class="flex items-center justify-between w-full mt-2 text-sm"
>

View File

@@ -2,7 +2,7 @@
<div>
<NoteModal />
<div class="w-full">
<Popover v-slot="{ open: isOpen }">
<Popover>
<PopoverButton
v-if="canViewNotes"
class="flex items-center z-10 font-medium text-primary-400 focus:outline-hidden focus:border-none"

View File

@@ -1,6 +1,6 @@
<template>
<div class="w-full mt-4 tax-select">
<Popover v-slot="{ open: isOpen }" class="relative">
<Popover class="relative">
<PopoverButton
class="flex items-center text-sm font-medium text-primary-400 focus:outline-hidden focus:border-none"
>