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>