La idea es hacer el mismo proyecto que se hizo con HTML, CSS y JS de la API de Star Wars pero ahora utilizando el framework Vue.js.
API: https://swapi.dev/api/films
La app tiene que mostrar un listado de todas las películas de star wars que sirve el endpoint de la API. Por cada película se tiene que mostrar el poster, título, texto de introducción (opening crawl), director, año, cantidad de personajes, cantidad de naves, cantidad de vehículos y cantidad de especias.
Requisitos mínimos:
Utilizar el framework Vue.js.
Utilizar Vue 3 con Composition API.
Dentro de la carpeta src que exista una carpeta assets que contengo el archivo main.css con el CSS general de la aplicación.
Dentro de la carpeta src que exista una carpeta components donde estén los componente Loader.vue (que se mostrará mientras esperamos a recibir los datos de la API) y Card.vue (que será la card que contenga toda la info a mostrar de la película).
Usar un v-for para mostrar todas las películas.
Usar el css local de cada componente dentro del propio fichero Vue con <style scoped>.
Usar props para pasarle la información que tiene que visualizar cada Card.vue.
Hacer que la aplicación web sea resposive, viendose bien tanto en desktop como en mobile.
https://www.schemecolor.com/star-wars-logo-colors.php
https://upload.wikimedia.org/wikipedia/commons/6/6c/Star_Wars_Logo.svg
