This is a simple test of some basic Vue 3 stuff. It shouldn't take more than 1-2 hours.
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
- Don't clone this repo!
- Instead, look for the green "Use this template" button in the upper right.
- Click that, then choose "Create a new repository" from the dropdown menu.
- Create a public repo and clone it.
Then:
pnpm installpnpm devThis is a simple app that queries the USGS Earthquake API and lists recent earthquakes. Your job is fairly simple: implement a way to filter the list by min/max magnitude.
Explore the code (starting at main.ts which is always the entry point of any Vue app) and go from there. Make sure the tests for QuakeFilter.vue pass, and—of course—don't modify the test file!
Please log your time spent on this and let us know about how long it took you. Feel free to also keep notes about anything that tripped you up, and we can discuss.
Please don't use AI! With Vue 3 + TypeScript, it will probably do the wrong thing and you shouldn't trust it. This is a test, after all, and using AI would prevent us from getting a solid understanding of your abilities.
When you're done, commit your work and send us a link to your repo (make sure it's public).
Thanks, and have fun! 😁