- Be able to create a Vue app with multiple components and templates
The task is to create an app that shows info for all the countries using multiple components. Use the Countries API to make a request to get the data.
- Display a list of country names.
- Add a click event to the list item which should then render more detail about that country (name, capital, population).
- Use reusable components.
- Instead of rendering a list, populate a dropdown with all of the countries names.
- Add a change event to the select that renders information about the selected country.
- Add the countries flag and languages spoken in the country to the country detail component.
- Add a search bar to the page so that when a user enters the countries name the country detail component renders. Try to achieve this without the user having to enter the whole name.
npm install
npm run serve
npm run build