Nuxt 3中runtime-core.esm-bundler.js水合错误排查求助

我正在开发一款基于Nuxt 3和Appwrite的健身计划存储应用，源码托管在https://github.com/EshaanAgg/workout-buddy。

当前遇到以下问题：

• 点击导航栏链接跳转至/login或/signup路由时，首次点击后页面未重新渲染，仍显示首页（Landing Page）文本
• 手动刷新/login或/signup路由时，触发500服务器错误（错误截图：500 Server Error）
• 浏览器控制台出现水合相关警告（控制台截图：Hydration Warning）

补充排查信息：

1. 初步判断错误大概率出自/pages/signup.vue、/pages/login.vue或/components/navbar.vue文件
2. 后端使用Appwrite管理，配置详情见仓库README.md，个人认为该错误与后端配置无关

请求帮助分析该水合错误的成因，并提供解决思路。

内容的提问来源于stack exchange，提问作者Eshaan Aggarwal