Responsive News Homepage using Nuxt/Vue and Tailwind CSS

Hello! I had two particular points on this project that I wanted to get feedback on.

First, this was my first time building a reactive website, so I'd like it if people experienced with that sort of thing could let me know if there are any parts that I got wrong, things I could improve upon, or gotchas that I may not be aware of.

Second, this is a bit of a specific issue, but I had to wrestle with Nuxt to get it to handle urls properly when I switched base urls between my local version of the site and the one hosted on Github pages. Particularly, in the TopArticles component, I had to add the baseUrl from the runtime config as part of the template. And for the favicon, instead of specifying the url in the nuxt.config.ts file, I had to put it in the app.vue layout so I could again apply the baseUrl.

When I just put in the urls for both of these elements the straightforward way, they weren't updated properly when generating the site files with a new base url, and the links were broken as a result. My adjustments fixed that issue, but it feels like a hack-y solution. I wonder if anyone more familiar with Nuxt could tell me if there's a cleaner way to handle these issues.