Nuxt Layers and Module Hooks

You can load your Vuetify configuration using Nuxt Layers or a custom module via the vuetify:registerModule Nuxt Module Hook.

Nuxt Layers

Follow the installation instructions for vuetify-nuxt-module in your layer. Then, you can extend that layer in your other project:

nuxt.config.ts

import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
  extends: ['my-awesome-vuetify-layer'],
})

Nuxt Module Hook

You can also use a custom module to load your Vuetify configuration:

nuxt.config.ts

import MyVuetifyModule from './modules/my-vuetify-module'

export default defineNuxtConfig({
  modules: [MyVuetifyModule, 'vuetify-nuxt-module']
})

and your module will load your configuration via the vuetify:registerModule Nuxt hook:

modules/my-vuetify-module.ts

export default defineNuxtModule({
  setup(_options, nuxt) {
    nuxt.hook('vuetify:registerModule', register => register({
      moduleOptions: {
        /* module specific options */
      },
      vuetifyOptions: {
        /* vuetify options */
      },
    }))
  },
})