Files
InvoiceShelf/resources/scripts/features/company/settings/components/EstimatesTabConvertEstimate.vue
Darko Gjorgjijoski f3ab0f22fc 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.
2026-06-11 11:11:12 +02:00

68 lines
1.9 KiB
Vue

<script setup lang="ts">
import { reactive, inject } from 'vue'
import { useCompanyStore } from '@/scripts/stores/company.store'
import { useGlobalStore } from '@/scripts/stores/global.store'
interface Utils {
mergeSettings: (target: Record<string, unknown>, source: Record<string, unknown>) => void
}
const companyStore = useCompanyStore()
const globalStore = useGlobalStore()
const utils = inject<Utils>('utils')!
const settingsForm = reactive<{ estimate_convert_action: string | null }>({
estimate_convert_action: null,
})
utils.mergeSettings(
settingsForm as unknown as Record<string, unknown>,
{ ...companyStore.selectedCompanySettings }
)
const convertEstimateOptions = [
{ key: 'settings.customization.estimates.no_action', value: 'no_action' },
{ key: 'settings.customization.estimates.delete_estimate', value: 'delete_estimate' },
{ key: 'settings.customization.estimates.mark_estimate_as_accepted', value: 'mark_estimate_as_accepted' },
]
async function submitForm() {
const data = {
settings: {
...settingsForm,
},
}
await companyStore.updateCompanySettings({
data,
message: 'settings.customization.estimates.estimate_settings_updated',
})
return true
}
</script>
<template>
<h6 class="text-heading text-lg font-medium">
{{ $t('settings.customization.estimates.convert_estimate_setting') }}
</h6>
<p class="mt-1 text-sm text-muted">
{{ $t('settings.customization.estimates.convert_estimate_description') }}
</p>
<BaseInputGroup required>
<BaseRadio
v-for="option in convertEstimateOptions"
:id="option.value"
:key="option.value"
v-model="settingsForm.estimate_convert_action"
:label="$t(option.key)"
size="sm"
name="estimate_convert_action"
:value="option.value"
class="mt-2"
@update:model-value="submitForm"
/>
</BaseInputGroup>
</template>