Now that we have discovered the main concepts of Vue, we will build a new application together, which will make things much more concrete and clear.
In this chapter, we have decided to create a tool to find artists, songs, and lyrics using Vue.js. We'll call this application LyricsFinder.
While implementing it, we will take advantage of Vue, but also TypeScript, of course!
We cover the following topics in this chapter:
- High-level design and technical stack
- Getting started with the project
- Getting a MusixMatch API key
- Configuring InversifyJS
- Creating the home view
- Implementing the basic layout of the application
- Creating the search component and using Vue slots
- Handling search using MusicService
- Creating and using the songs list component
- Creating and using the lyrics view