nuria-fl

const countryList = [
  {
    name: 'Afghanistan',
    emoji: '🇦🇫',
  },
  {
    name: 'Åland Islands',
    emoji: '🇦🇽',
  },
  {

nuria-fl

Keybase proof

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:

nuria-fl

<template lang="html">
  <div>
    <div v-if="savedMovies.length" class="movies">
      <movie v-for="movie in savedMovies" :movie="movie">
      </movie>
    </div>
  </div>
</template>

<script>

nuria-fl

<template>
  <div>
    <header v-if="genres.length" class="header">
      <dropdown
        filterName="genre"
        :items="genres"
        :selected.sync="selectedGenre">
      </dropdown>
    </header>

nuria-fl

<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'

nuria-fl

<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>

nuria-fl

<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>

nuria-fl

<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>