servicio_social_front/components/admin/servicio/tituloServicio.vue

<template>
  <div id="Status">
    <p class="is-size-1" v-if="status == 1">
      Pre Registro
    </p>
    <p class="is-size-1" v-else-if="status == 2">
      Pre Registro Válidado
    </p>
    <p class="is-size-1" v-else-if="status == 3">
      Registro
    </p>
    <p class="is-size-1" v-else-if="status == 4">
      Pre Término
    </p>
    <p class="is-size-1" v-else-if="status == 5">
      Término
    </p>
    <p class="is-size-1" v-else-if="status == 6">
      Liberación
    </p>
  </div>
</template>

<script>
export default {
  props: {
    status: Number,
  },
};
</script>