I am developing a blog using Nuxt3 and Element Plus. I am deploying it to Firebase Hosting by generating it with CircleCI. The blog is in Japanese and can be accessed at https://roppong.com/blog/.
While there are no issues when I run "yarn dev" locally and open it at localhost:3000, some parts of the layout are duplicated when I deploy it to the server. Please refer to the attached image for an example. (The header menu is not affected, but the sidebar, content area, and footer are duplicated.)
Although the blog page can be accessed without any problems by clicking on the link at https://roppong.com/, the issue occurs when accessing /blog directly.
The source code is available at: https://github.com/SatoshiRoppongi/roppong-blog2
Do you know what the cause of this issue might be? And, how can I resolve it?
Wrapping the tag in a shallow section of layout/default.vue resolved the issue of duplicate display. However, I do not want to use this tag from the perspectives of SEO and performance.
