fix: handle named export in vuetify custom config file

AndreyYolkin · AndreyYolkin · commit 5a427fdaa637 · 2026-03-11T21:47:05.000+01:00
diff --git a/packages/vuetify-nuxt-module/src/utils/config.ts b/packages/vuetify-nuxt-module/src/utils/config.ts
@@ -91,6 +91,15 @@ export async function loadVuetifyConfiguration<U extends ExternalVuetifyOptions>
   const result = await loader.load()
   result.config = result.config?.config === false ? Object.assign(defaults, inlineConfig) : Object.assign(defaults, result.config || inlineConfig)
 
+  if (result.config && typeof result.config === 'object' && 'vuetifyOptions' in result.config) {
+    const nestedOptions = (result.config as any).vuetifyOptions
+    if (typeof nestedOptions === 'object' && nestedOptions !== null) {
+      console.warn('[@vuetify/nuxt-module] Detected nested "vuetifyOptions" in your configuration file. This usually happens when using a named export or wrapping options incorrectly. Please export the options directly using "export default".')
+      Object.assign(result.config, nestedOptions)
+      delete (result.config as any).vuetifyOptions
+    }
+  }
+
   delete result.config.config
 
   return result
diff --git a/packages/vuetify-nuxt-module/test/fixtures/vuetify-config-nested/app.vue b/packages/vuetify-nuxt-module/test/fixtures/vuetify-config-nested/app.vue
@@ -0,0 +1,5 @@
+<template>
+  <v-app>
+    <MyBtn class="my-btn">Click me</MyBtn>
+  </v-app>
+</template>
diff --git a/packages/vuetify-nuxt-module/test/fixtures/vuetify-config-nested/nuxt.config.ts b/packages/vuetify-nuxt-module/test/fixtures/vuetify-config-nested/nuxt.config.ts
@@ -0,0 +1,5 @@
+import MyModule from '../../../src/module'
+
+export default defineNuxtConfig({
+  modules: [MyModule],
+})
diff --git a/packages/vuetify-nuxt-module/test/fixtures/vuetify-config-nested/package.json b/packages/vuetify-nuxt-module/test/fixtures/vuetify-config-nested/package.json
@@ -0,0 +1,4 @@
+{
+  "private": true,
+  "type": "module"
+}
diff --git a/packages/vuetify-nuxt-module/test/fixtures/vuetify-config-nested/vuetify.config.ts b/packages/vuetify-nuxt-module/test/fixtures/vuetify-config-nested/vuetify.config.ts
@@ -0,0 +1,5 @@
+export const vuetifyOptions = {
+  aliases: {
+    MyBtn: 'VBtn',
+  },
+}
diff --git a/packages/vuetify-nuxt-module/test/vuetify-config-nested.test.ts b/packages/vuetify-nuxt-module/test/vuetify-config-nested.test.ts
@@ -0,0 +1,16 @@
+import { fileURLToPath } from 'node:url'
+import { $fetch, setup } from '@nuxt/test-utils'
+import { describe, expect, it } from 'vitest'
+
+describe('vuetify-config-nested', async () => {
+  await setup({
+    rootDir: fileURLToPath(new URL('fixtures/vuetify-config-nested', import.meta.url)),
+  })
+
+  it('loads vuetify.config.ts with named export and applies configuration', async () => {
+    const html = await $fetch('/')
+    // Check if the alias MyBtn was resolved to VBtn (which renders with class v-btn)
+    expect(html).toContain('v-btn')
+    expect(html).toContain('my-btn')
+  })
+})

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "private": true,
 +  "type": "module"
 +}