Results Summary component built with Vue.js

Solution retrospective
Building it with Vue.js was a challenge, because it was a while since I learned to use Vue. I was happy, that I managed to make everything work. Granted, this is an easier challenge, but one has to start somewhere :D
What challenges did you encounter, and how did you overcome them?Defining the src attributes for the individual results dynamically. In the end I had to copy the svgs manually to the public folder, so now I have them duplicated. This works now, both in dev mode and production, but I am not satisfied with the hack.
What specific areas of your project would you like help with?How should we point to static assets within the src folder so that after build the resources can be found by the app. Specifically, I am talking about the icons in ResultItem.vue. The paths come from the json file. I used relative paths from the ResultItem.vue component file to the svgs in the assets/images folder. After the build, the app was looking for the files in /assets/images, and couldn't find them. The build process did not copy the files to public. What did I miss?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @PaiKai-Lee
Although I’m not very experienced with Vue, this looks nice and the code is clean.
Join 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