diff --git a/front/components/MainMovie.vue b/front/components/MainMovie.vue deleted file mode 100644 index 2842813..0000000 --- a/front/components/MainMovie.vue +++ /dev/null @@ -1,65 +0,0 @@ - - - - - {{ title }} - - Durée :125 minutes - Noir et blanc - Pays :USA - 35mm . VOSTFR - Année :1960 - Avec :Jack Lemmon, Shirley MacLaine, Fred MacMurray, Ray Walston - - - {{ formattedDate }} - - - - - - - - - diff --git a/front/components/movieCard/full.vue b/front/components/movieCard/full.vue new file mode 100644 index 0000000..e7f75ba --- /dev/null +++ b/front/components/movieCard/full.vue @@ -0,0 +1,127 @@ + + + + + {{ film.title }} + {{ film.director }} + + + + {{ tag.label }} + {{ tag.value }} + + + + + + + + + + + + + + + + Acteurs : + {{ film.actors.join(", ") }} + + + Synopsis : + {{ film.synopsis }} + + + + + + + + + + + + diff --git a/front/css/app.sass b/front/css/app.sass index 57a3593..210f09c 100644 --- a/front/css/app.sass +++ b/front/css/app.sass @@ -10,6 +10,7 @@ @import "bulma/sass/elements/button" @import "bulma/sass/elements/container" @import "bulma/sass/elements/image" +@import "bulma/sass/elements/other" @import "bulma/sass/elements/tag" @import "bulma/sass/elements/title" @import "bulma/sass/form/_all" diff --git a/front/pages/index.vue b/front/pages/index.vue index 76ce18c..e8f85ea 100644 --- a/front/pages/index.vue +++ b/front/pages/index.vue @@ -1,11 +1,16 @@ La semaine prochaine - + Et après - + diff --git a/front/plugins/ohVueIcons.ts b/front/plugins/ohVueIcons.ts index bc15112..79b07ce 100644 --- a/front/plugins/ohVueIcons.ts +++ b/front/plugins/ohVueIcons.ts @@ -1,12 +1,23 @@ import { OhVueIcon, addIcons } from "oh-vue-icons" import { + RiCalendarEventFill, + RiDoubleQuotesL, RiFacebookBoxFill, RiInstagramFill, RiMailFill, RiMapPin2Fill, + RiPlayCircleFill, } from "oh-vue-icons/icons" -addIcons(RiFacebookBoxFill, RiInstagramFill, RiMailFill, RiMapPin2Fill) +addIcons( + RiCalendarEventFill, + RiDoubleQuotesL, + RiFacebookBoxFill, + RiInstagramFill, + RiMailFill, + RiMapPin2Fill, + RiPlayCircleFill +) export default defineNuxtPlugin((nuxtApp) => { nuxtApp.vueApp.component("v-icon", OhVueIcon)
+ Acteurs : + {{ film.actors.join(", ") }} +
+ Synopsis : + {{ film.synopsis }} +