app/composables/form/useFieldViolation.ts

import {computed, ComputedRef} from "@vue/reactivity";
import {useFormStore} from "~/store/form";
import {useNuxtApp} from "#app";

/**
 * Composable pour gérer l'apparition de message d'erreurs de validation d'un champ de formulaire
 *
 * @param field
 */
export function useFieldViolation(field: string) {
  const { emit } = useNuxtApp()

  const fieldViolations: ComputedRef<string> = computed(()=> {
    return useGet(useFormStore().violations, field, '')
  })

  /**
   * Lorsque la valeur d'un champ change, on supprime le fait qu'il puisse être "faux" dans le store, et on émet sa nouvelle valeur au parent
   * @param field
   * @param value
   */
  function updateViolationState(field: string, value: any) {
    //@ts-ignore
    useFormStore().setViolations(useOmit(useFormStore().violations, field))

    console.log('X', useFormStore().violations)
    emit('update', value, field)
  }

  return {
    fieldViolations,
    updateViolationState: (fieldValue: any) => updateViolationState(fieldValue, field)
  }
}