vue3-realworld-example-app VS vue-3-playground

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

If you don't want to set up everything manually, you can use my Vue 3 Playground as a starter.

Vite works fine with Jest, here you can find the js and ts setup for Jest https://github.com/blacksonic/vue-3-playground (i'm the author)

It was an interesting and fun experiment to try to write the same component in different frameworks with similar approach as identically as possible. I hope you find it also interesting. You can also give it a try in my Vue 3 Vite playground.