Cannot read property of undefined on theme access in Vuetify 3 production SSR

Theme Registration in Vuetify 3 SSR

A project using Vuetify 3 with Vite SSR exhibits inconsistent behavior between environments. In local development, the custom theme configuration loads as expected. However, after a production build, the application fails when attempting to access theme properties, resulting in a runtime error indicating the theme object is undefined.

The goal is to maintain a consistent theme state across both client-side and server-side rendering contexts. There is uncertainty regarding the specific requirements for the createVuetify() configuration and the vite.config.ts plugin settings necessary to ensure the theme provider is correctly registered during the production hydration process.

Questions

• What specific configuration is required in createVuetify() to prevent theme undefined errors during production SSR hydration?
• Are there mandatory vite.config.ts plugin settings that differ between development and production builds to support theme injection?