Upgrade to Nuxtv4

[kenjonespizza]

Summary

Upgrades the template from Nuxt 3 to Nuxt 4 with improved performance and best practices.

Changes

🚀 Nuxt 4 Migration

• Migrated to Nuxt 4.1.3
• Adopted new app/ directory structure
• Updated all Nuxt-related dependencies

📦 Dependency Updates

Frontend:

• @nuxt/fonts: ^0.11.4
• @tailwindcss/vite: ^4.1.16
• groq: 3.74.1 → 4.11.0
• nuxt: ^4.1.3
• tailwindcss: ^4.1.16
• vue: ^3.5.22
• Removed unused date-fns dependency

Studio:

• Removed unused date-fns dependency

🐛 Bug Fixes

• Fixed hydration mismatch in Date.vue component (wrapped in ClientOnly)
• Fixed breaking change in @portabletext/vue. See: https://sanity.nuxtjs.org/helpers/portable-text

⚡ Performance Improvements

• Changed useSeoMeta to useServerSeoMeta for better SEO performance
• Replaced querySelector DOM manipulation with Vue template refs

📁 File Structure Changes

• Moved all app files to app/ directory per Nuxt 4 standards
• Updated imports and paths accordingly

Testing

• ✅ Dev server runs successfully
• ✅ All pages render correctly
• ✅ Sanity integration works
• ✅ No hydration errors

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
sanity-template-nuxt-clean	Ready	Preview	Comment	Oct 23, 2025 6:12pm
sanity-template-nuxt-clean-nuxt-app-v2	Ready	Preview	Comment	Oct 23, 2025 6:12pm
sanity-template-nuxt-clean-studio	Ready	Preview	Comment	Oct 23, 2025 6:12pm

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​types/​react@​18.3.20 ⏵ 19.2.2	+1
	groq@​3.82.0 ⏵ 4.11.0			+1
	@​nuxt/​fonts@​0.11.1 ⏵ 0.11.4	+1		+2	-1
	@​nuxtjs/​sanity@​1.13.3 ⏵ 2.0.0	-1			+6
	@​sanity/​icons@​3.7.0 ⏵ 3.7.4	+1		+1	+1
	tailwindcss@​4.1.1 ⏵ 4.1.16			-1
	react@​18.3.1 ⏵ 19.2.0	+1
	styled-components@​6.1.17 ⏵ 6.1.19	+1		+1
	prettier@​3.5.3 ⏵ 3.6.2	+1
	typescript@​5.8.2 ⏵ 5.9.3	+1		+1
	react-dom@​18.3.1 ⏵ 19.2.0	+1		+1
	nuxt@​3.16.2 ⏵ 4.1.3		+4		-3
	eslint@​8.57.1 ⏵ 9.38.0	+1			+1
	@​sanity/​vision@​3.82.0 ⏵ 4.11.0			+1
	sanity@​3.82.0 ⏵ 4.11.0
	@​tailwindcss/​typography@​0.5.16 ⏵ 0.5.19	+1		+1
	@​sanity/​assist@​3.2.2 ⏵ 5.0.0				+4
	@​sanity/​client@​6.28.4 ⏵ 7.12.0				+1
	@​tailwindcss/​vite@​4.1.1 ⏵ 4.1.16	+1		+28	+2

View full report

[socket-security]

Warning

Review the following alerts detected in dependencies.

According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.

Action	Severity	Alert  (click "▶" to expand/collapse)
Warn		typescript@5.9.3 has a License Policy Violation. License: LicenseRef-W3C-Community-Final-Specification-Agreement (package/ThirdPartyNoticeText.txt) From: package-lock.json → npm/typescript@5.9.3 ℹ Read more on: This package | This alert | What is a license policy violation? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support@socket.dev. Suggestion: Find a package that does not violate your license policy or adjust your policy to allow this package's license. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/typescript@5.9.3. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report