I hereby claim:
- I am nuria-fl on github.
- I am nuriafl (https://keybase.io/nuriafl) on keybase.
- I have a public key ASBJB2mwfnXHjzNJY-raM4yRxrYxBTHB8KZjpXAjzTYiBAo
To claim this, I am signing this object:
const countryList = [ | |
{ | |
name: 'Afghanistan', | |
emoji: '🇦🇫', | |
}, | |
{ | |
name: 'Åland Islands', | |
emoji: '🇦🇽', | |
}, | |
{ |
I hereby claim:
To claim this, I am signing this object:
<template lang="html"> | |
<div> | |
<div v-if="savedMovies.length" class="movies"> | |
<movie v-for="movie in savedMovies" :movie="movie"> | |
</movie> | |
</div> | |
</div> | |
</template> | |
<script> |
<template> | |
<div> | |
<header v-if="genres.length" class="header"> | |
<dropdown | |
filterName="genre" | |
:items="genres" | |
:selected.sync="selectedGenre"> | |
</dropdown> | |
</header> |
<template> | |
<div> | |
<dropdown :items="genres" :selected.sync="selectedGenre"></dropdown> | |
<movie v-for="movie in filteredMovies" :movie="movie"></movie> | |
</div> | |
</template> | |
<script> | |
import api from '@/services/api' |
<template> | |
<div> | |
Filter by genre: | |
<select @change="selectGenre" :value="selected"> | |
<option v-for="item in items" :value="item.id"> | |
{{item.name}} | |
</option> | |
</select> | |
</div> | |
</template> |
<template> | |
<div> | |
<article v-for="movie in movies"> | |
<img :src="`https://image.tmdb.org/t/p/w500/${movie.poster_path}`" alt=""> | |
<h4>{{ movie.title }}</h4> | |
<p>{{movie.vote_average}}</p> | |
</article> | |
</div> | |
</template> |
<template> | |
<div> | |
<article v-for="movie in movies"> | |
<img :src="`https://image.tmdb.org/t/p/w500/\${movie.poster_path}`" alt=""> | |
<h4>{{ movie.title }}</h4> | |
<p>{{ movie.vote_average }}</p> | |
</article> | |
</div> | |
</template> |