Skip to content

userquin/vuetify-nuxt-module-nuxt-v4

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

New vuetify-nuxt module for Nuxt 4 and Vuetify 3.10

The work in this repository will be moved later to the official Vuetify Nuxt Module repository.

This new version includes:

  • added missing composables from 3.18 to 3.10 versions:
    • useHotkey ( from Vuetify v3.8.0)
    • useMask (from Vuetify v3.10.0)
    • useRules (from Vuetify v3.8.0 from labs => vuetify/labs/composables)
  • use @unvuetify-monorepo utilities, check the package features comparison in the readme file
  • removed all Vite plugins, now the configuration is merged directly and exposed by Nuxt "virtual" modules and now it is statically analizable:
    • use #build/vuetify/configuration.mjs to access the configuration
    • use #build/vuetify/ssr-client-hints-configuration.mjs to access the SSR Client hints configuration
    • use defineVuetifyConfiguration from vuetify-nuxt-module/custom-configuration to add vuetify.config.[m]?[tj]s file at Nuxt root folder or layers.
  • added support for the new Vuetify validation rules:
    • use #build/vuetify/labs-rules-configuration.mjs to access the configuration
    • use defineVuetifyLabsRulesConfiguration from vuetify-nuxt-module/custom-labs-rules-configuration to add vuetify.rules.[m]?[tj]s file at Nuxt root folder or layers
    • enable the new enableVuetifyRules option, and the module will register the Vuetify Rules Vue plugin for you
  • included defineVuetifyConfiguration and defineVuetifyLabsRulesConfiguration to node references

The new module still have the existing Nuxt Runtime Hooks: check types.ts file for more information.

The new configuration using AsyncGenerators to load the configuration files, check load-configuration.ts module.

Playgrounds

You can play here with the playground workspace (latest Nuxt 4 with Nuxt 3 layout), run the following commands from the root folder:

  • pnpm install --frozen-lockfile
  • pnpm dev:prepare to prepare the playground
  • pnpm dev to start the Nuxt development server

You can also play with this Nuxt 4 playground repository with latest Nuxt 4 layout, using local vuetify-nuxt-module-1.0.0.tgz file from this repository (pnpm install --frozen-lockfile && pnpm pack) and pkg-pr-new dependencies from this PR at @unvuetify-monorepo (will be merged and released a new version soon):

  • pnpm install --frozen-lockfile
  • pnpm postinstall to prepare the playground
  • pnpm dev to start the Nuxt development server

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published