Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/vreg/components/States/WI/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div class="wi-plate" :class="{small:small}">
    {{ licencePlate }}
  </div>
</template>

<script>
export default {
  name: "SplittedPlateNumber",
  props: {
    plate: {
      required: true
    },
    small: {
      required: false,
      default: false
    }
  },
  computed: {
    licencePlate() {
      return this.plate.licence_plate || this.plate.license_plate;
    }
  }
}
</script>

<style scoped>
.wi-plate {
  background-image: url("/images/wi/wi-plate.png");
  width: 80px;
  height: 37px;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  /*margin: auto;*/
  padding: 10px;
  font-size: 13px;
  font-weight: bold;

}
</style>