No ponto de acesso referenciado em cima encontras os seguintes serviços, desenvolvidos numa aula anterior:

• /filmes: Devolve uma lista de filmes em JSON;
• /filmes/:id: Devolve a informação de um filme em JSON;
• /filmes/:id/anos: Devolve a lista de anos em que o filme foi realizado em JSON;
• /filmes/:id/atores: Devolve a lista de anos em que o filme foi realizado em JSON;
• /filmes/:id/generos: Devolve a lista de géneros em que o filme foi catalogado, em JSON;
• /atores: Devolve a lista de atores em JSON;
• /atores/:id: Devolve a informação de um ator em JSON;
• /atores/:id/filmes: Devolve a lista de filmes em que um ator participou em JSON;
• /generos: Devolve a lista de géneros em JSON;
• /generos/:id/filmes: Devolve a lista de filmes de determinado género em JSON.

Para concretizar este guião desenvolva as seguintes ações:

1. Instale o "Command Line Interpreter" do Vue na sua máquina:

   npm install -g @vue/cli

2. Teste se o Vue ficou bem instalado:

   vue --version

3. Cria o teu projeto (posiciona-te no local adequado):

   vue create cinema

4. Posiciona-te na nova pasta criada;
5. Acrescenta a framework vuetify:

   vue add vuetify;

6. Altera a template de App.js para:

   <template>
     <v-app>
       <v-content>
           <router-view/>
       </v-content>
     </v-app>
   </template>
   						
   <script>
       export default {
           name: 'App'
       }
   </script>

7. Altera o router.js para:

   import Vue from 'vue'
   import Router from 'vue-router'
   import Home from './views/Home.vue'
   
   Vue.use(Router)
   
   export default new Router({
     mode: 'history',
     base: process.env.BASE_URL,
     routes: [
       {
         path: '/',
         name: 'home',
         component: Home
       }
     ]
   })