Migrate to Vue 3 and Vite

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Event/EventBanner.vue

@@ -1,34 +1,16 @@
 <template>
-  <div class="banner-container">
+  <div class="flex justify-center h-80">
     <lazy-image-wrapper :picture="picture" />
   </div>
 </template>
-<script lang="ts">
+<script lang="ts" setup>
 import { IMedia } from "@/types/media.model";
-import { PropType } from "vue";
-import { Component, Prop, Vue } from "vue-property-decorator";
 import LazyImageWrapper from "../Image/LazyImageWrapper.vue";
 
-@Component({
-  components: {
-    LazyImageWrapper,
-  },
-})
-export default class EventBanner extends Vue {
-  @Prop({ default: null, type: Object as PropType<IMedia> })
-  picture!: IMedia | null;
-}
+withDefaults(
+  defineProps<{
+    picture: IMedia | null;
+  }>(),
+  { picture: null }
+);
 </script>
-<style lang="scss" scoped>
-.banner-container {
-  display: flex;
-  justify-content: center;
-  height: 30vh;
-}
-::v-deep img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: 50% 50%;
-}
-</style>