app/components/Form/Parameter/ResidenceArea.vue

<template>
  <v-container :fluid="true" class="container">
    <v-row>
      <v-col cols="12" sm="6">
        <UiInputText
          v-model="localEntity.label"
          field="label"
          type="string"
          :rules="getAsserts('label')"
        />
      </v-col>
    </v-row>
  </v-container>
</template>

<script setup lang="ts">
import ResidenceArea from '~/models/Billing/ResidenceArea'
import { getAssertUtils } from '~/services/asserts/getAssertUtils'

const props = defineProps<{
  entity: ResidenceArea
}>()

const emit = defineEmits(['update:entity'])

// Pour éviter l'erreur eslint "Unexpected mutation of "modelValue" prop"
const localEntity = computed({
  get: () => props.entity,
  set: (value) => emit('update:entity', value),
})

const getAsserts = (key) => getAssertUtils(ResidenceArea.getAsserts(), key)
</script>