Movie page

frontend/src/components/MovieInfos.vue

 <template>
-  <img
-    :src="'https://image.tmdb.org/t/p/original/' + posterPath"
-    hightd="100%"
-  />
+  <div class="parent">
+    <h1>{{ movieTitle }}</h1>
+    <h4>{{ movieVoteAverage }}</h4>
+    <h4>{{ movieGenres }}</h4>
+    <h4>{{ movieOverview }} {{ movieOverview }} {{ movieOverview }}</h4>
+  </div>
 </template>
 
 <script>
 export default {
   props: {
-    posterPath: String,
+    movieTitle: String,
+    movieDate: String,
+    movieGenres: Array,
+    movieOverview: String,
+    movieVoteAverage: Number,
   },
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.parent {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+</style>