Rest Countries API using Typescript + Vue 3 + Vuetify 3
Design comparison
Solution retrospective
The main objective of this challenge is to test the typescript with vue 3 and vuetify 3.
Firstly, since I used vuetify 3, the resolution is not pixel perfect.
Second point, I had a problem creating the project build, as I never worked with typescript I changed some types
Community feedback
- @ndragun92Posted over 1 year ago
Hello,
Good job on getting this done :)
I would like to give advice on what to avoid doing in vue. When you use
v-for
as a:key
you should never use index. It should be something unique to the data you get such ascountry.id
orcountry.name
When doing a search watch I would highly advise using something as debounce rather then setTimeout
Also for code readability, I would use async/await
Also to refactor some logical stuff you could leverage Vue 3 Composables
Take care :)
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord