Vuetify + Nuxt 3.16 + Vue Lazy Hydration

This repository using Nuxt components:extend hook to register Vuetify components to allow use Vue Lazy Hydration (🤞 ) via Nuxt Delayed Hydration Support.

Right now, Nuxt Delayed Hydration Support is not working since Vuetify using slots almost on every component and will require a lot of work to make it work.

This repository contains some code that will be included at Vuetify and Vuetify Nuxt module:

• Vuetify will export composable and directive unimport presets
• Vuetify Nuxt Module will use previous Vuetify unimport presets and will use the logic in the auto-import module in this template to configure the Vuetify components.

To start the dev server, run from the terminal:

• pnpm install to install dependencies
• pnpm dev to start the dev server

The main branch using Vuetify v3.7.16 and Vuetify Nuxt Module v0.18.4 including:

• vuetify module to fix the unhead v2 changes that breaks Vuetify styles
• vite plugin to remove Vuetify Vite plugin registered by the Vuetify Nuxt mdoule

The dev branch using local Vuetify tgz file from Vuetify dev branch: check chore: use local Vuetify dev tgz

The dev-pr-21104 branch using local Vuetify tgz file from this Vuetify dev PR fix:fix vuetify types and simplify package exports: check chore: use local Vuetify dev tgz from Vuetify #21104 PR.

The dev-pr-21129 branch using local Vuetify tgz file from this Vuetify dev PR feat(package): add unimport presets and unplugin-vue-components resolvers.

undefinedNOTE: when switching between branches, remember to run pnpm install to install the dependencies.

Screenshots