vue3-realworld-example-app VS vite-aliases

I'm using Vue to build out a little web app. I have a backend api already set up and now am trying to make calls to this api from my frontend. I've been using this public project for learning purposes: https://github.com/mutoe/vue3-realworld-example-app and I've taken some code from their src/utils, src/composable and src/services folders for properly setting up my fetch system. For example in their Profile.vue page located in src/pages/Profile, they get info for a profile by calling useProfile (from src/comspoable). Then useProfile calls fetchProfile, which calls get(), which then goes through a couple more functions in order to handle to response.

This might help https://github.com/mutoe/vue3-realworld-example-app

@components, @store, and @utils: If you have ever taken a look at sveltekit they have these nify aliases throughout their code so you don't have to write '../../../components' or what have you. Now you can just do '@components/file' and Vite will readily load them from the components folder, this makes it easy to create changes as you don't need to change the file location on every move or copy. Please check out the Vite Aliases package for more questions.