fix: vuetify nuxt plugin cannot resolve imports (#187)

vuetifyjs · Jan 12, 2024 · 5042913 · 5042913
1 parent b47930b
commit 5042913
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 41 deletions.
diff --git a/src/module.ts b/src/module.ts
@@ -91,9 +91,7 @@ export interface ModuleHooks {
   'vuetify:registerModule': (registerModule: (config: InlineModuleOptions) => void) => HookResult
 }
 
-// rename this to ModuleRuntimeHooks when released:
-// https://github.com/nuxt/module-builder/pull/194
-export interface RuntimeModuleHooks {
+export interface ModuleRuntimeHooks {
   'vuetify:configuration': (options: {
     isDev: boolean
     vuetifyOptions: VuetifyOptions

diff --git a/src/runtime/plugins/config.ts b/src/runtime/plugins/config.ts
diff --git a/src/utils/configure-nuxt.ts b/src/utils/configure-nuxt.ts
@@ -134,31 +134,34 @@ dependsOn.push('vuetify:client-hints:server:plugin')
   }
 
   addPluginTemplate({
-    filename: 'vuetify-nuxt-plugin.ts',
+    filename: 'vuetify-nuxt-plugin.mjs',
     write: false,
     getContents() {
       return `
-import type { createVuetify } from 'vuetify'
-import { configureVuetify } from 'vuetify-nuxt-module/dist/runtime/plugins/config'
 import { defineNuxtPlugin } from '#imports'
-import type { Plugin } from '#app'
+import { isDev, vuetifyConfiguration } from 'virtual:vuetify-configuration'
+import { createVuetify } from 'vuetify'
 
 const dependsOn = ${JSON.stringify(dependsOn)}
 ${addHttpClientHintsPlugin}
 
-const plugin: Plugin<{
-  vuetify: ReturnType<typeof createVuetify>
-}> = defineNuxtPlugin({
-  name: 'vuetify:configuration:plugin',
+export default defineNuxtPlugin({
+  name: 'vuetify:nuxt:plugin',
   order: 25,
   dependsOn,
   parallel: true,
-  async setup() {
-    await configureVuetify()
+  async setup(nuxtApp) {
+    const vuetifyOptions = vuetifyConfiguration()
+    await nuxtApp.hooks.callHook('vuetify:configuration', { isDev, vuetifyOptions })
+    await nuxtApp.hooks.callHook('vuetify:before-create', { isDev, vuetifyOptions })
+    const vuetify = createVuetify(vuetifyOptions)
+    nuxtApp.vueApp.use(vuetify)
+    nuxtApp.provide('vuetify', vuetify)
+    await nuxtApp.hooks.callHook('vuetify:ready', vuetify)
+    if (process.client)
+      isDev && console.log('Vuetify 3 initialized', vuetify)
   },
 })
-
-export default plugin
 `
     },
   })