From 5b7a0bfa53a8e84e277005bfc559973017faed38 Mon Sep 17 00:00:00 2001
From: Leandro Mendes Tavares <tec.LeandroMendes@opovonet.com.br>
Date: Mon, 6 Aug 2018 17:56:28 -0300
Subject: [PATCH] Add Genres API

---
 config/index.js           |  2 +-
 src/components/Filme.vue  |  1 +
 src/components/Header.vue |  2 +-
 src/mixins/mixin.js       | 85 ++++++++++++++++++++++++++++++++++++++-
 4 files changed, 87 insertions(+), 3 deletions(-)

diff --git a/config/index.js b/config/index.js
index 5dc0a8a..eded483 100644
--- a/config/index.js
+++ b/config/index.js
@@ -25,7 +25,7 @@ module.exports = {
   },
   dev: {
     env: require('./dev.env'),
-    port: 8081,
+    port: 8080,
     autoOpenBrowser: true,
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
diff --git a/src/components/Filme.vue b/src/components/Filme.vue
index 6e96958..757de3a 100644
--- a/src/components/Filme.vue
+++ b/src/components/Filme.vue
@@ -69,6 +69,7 @@ export default {
 
     // Componente Back Top Scroll
     this.backTopPage();
+    this.generos_list = this.getGenres();
 
     //https://api.themoviedb.org/3/genre/movie/list
 
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 59f80e6..dd1e465 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -3,7 +3,7 @@
   <header>
     <div class="container-fluid">
       <nav class="navbar navbar-expand-lg navbar-dark">
-        <span class="navbar-brand" v-bind:to="'/'">Vue filmes</span>
+        <router-link class="navbar-brand" v-bind:to="'/'">Vue filmes</router-link>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
diff --git a/src/mixins/mixin.js b/src/mixins/mixin.js
index 7e23465..db3c7d6 100644
--- a/src/mixins/mixin.js
+++ b/src/mixins/mixin.js
@@ -14,7 +14,90 @@ export default {
 	    },
 
 	    backTopPage() {
-				window.scrollTo(0, 0);
+			window.scrollTo(0, 0);
+	    },
+
+	    getGenres() {
+	    	//https://api.themoviedb.org/3/genre/movie/list?api_key=fad7717ca1edbacdd34d3e85119f9df3&language=pt-BR
+	    	let genres = [
+	    		{
+	            	"id": 28,
+	            	"name": "Ação"
+	          	},
+				{
+					"id": 12,
+					"name": "Aventura"
+				},
+				{
+					"id": 16,
+					"name": "Animação"
+				},
+				{
+					"id": 35,
+					"name": "Comédia"
+				},
+				{
+					"id": 80,
+					"name": "Crime"
+				},
+				{
+					"id": 99,
+					"name": "Documentário"
+				},
+				{
+					"id": 18,
+					"name": "Drama"
+				},
+				{
+					"id": 10751,
+					"name": "Família"
+				},
+				{
+					"id": 14,
+					"name": "Fantasia"
+				},
+				{
+					"id": 36,
+					"name": "História"
+				},
+				{
+					"id": 27,
+					"name": "Terror"
+				},
+				{
+					"id": 10402,
+					"name": "Música"
+				},
+				{
+					"id": 9648,
+					"name": "Mistério"
+				},
+				{
+					"id": 10749,
+					"name": "Romance"
+				},
+				{
+					"id": 878,
+					"name": "Ficção científica"
+				},
+				{
+					"id": 10770,
+					"name": "Cinema TV"
+				},
+				{
+					"id": 53,
+					"name": "Thriller"
+				},
+				{
+					"id": 10752,
+					"name": "Guerra"
+				},
+				{
+					"id": 37,
+					"name": "Faroeste"
+				}
+	    	]
+	    	return genres;
 	    }
 	}
 }