@mframework/ui 0.0.4 → 0.0.6-beta

package/dist/runtime/search/plugin.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: (nuxtApp: any) => void;
 export default _default;

package/dist/runtime/search/plugin.js

@@ -1,8 +1,7 @@
-import { defineNuxtPlugin } from '#app';
 import { getSearchClient } from './client';
-export default defineNuxtPlugin((nuxtApp) => {
+export default (nuxtApp) => {
     const client = getSearchClient();
     const indexName = process.env.NUXT_PUBLIC_SEARCH_INDEX || 'default';
     nuxtApp.provide('mSearchClient', client);
     nuxtApp.provide('mSearchIndex', indexName);
-});
+};

package/module.ts

@@ -56,11 +56,34 @@ export default defineNuxtModule<MFrameworkUiOptions>({
     await installModule('@nuxt/fonts', options.fonts || {})
 
     //
-    // 4. Install Vuetify via vuetify-nuxt-module
+    // 4. Install Vuetify via vuetify-nuxt-module (optional).
+    //    First check whether the consuming project actually has `vuetify`
+    //    installed to avoid Nuxt failing during module resolution.
     //
-    await installModule('vuetify-nuxt-module', {
-      vuetifyOptions: options.vuetify?.vuetifyOptions || {}
-    })
+    let vuetifyInstalled = false
+    try {
+      // Use Node resolution from this project's root to detect installed package
+      // without triggering Nuxt's module loader.
+      // eslint-disable-next-line @typescript-eslint/no-var-requires
+      const { createRequire } = await import('module')
+      const req = createRequire(import.meta.url)
+      try {
+        req.resolve('vuetify')
+        // Vuetify is present in the project's node_modules. We won't call
+        // `installModule` here to avoid forcing Nuxt to load the module
+        // during `nuxt prepare` (which can fail in some install environments).
+        vuetifyInstalled = true
+      } catch (e) {
+        // Vuetify not found — skip installing the module
+        // eslint-disable-next-line no-console
+        console.warn('@mframework/ui: Vuetify not found in project dependencies; skipping Vuetify integration.')
+      }
+    } catch (err) {
+      // If resolution itself fails for any reason, avoid breaking the setup.
+      // eslint-disable-next-line no-console
+      console.warn('@mframework/ui: Failed to detect Vuetify availability; skipping Vuetify integration.')
+      vuetifyInstalled = false
+    }
 
     //
     // 5. Tailwind + Vuetify coexistence
@@ -71,7 +94,9 @@ export default defineNuxtModule<MFrameworkUiOptions>({
 
       nuxt.options.postcss = nuxt.options.postcss || { plugins: {}, order: [] }
       nuxt.options.postcss.plugins = nuxt.options.postcss.plugins || {}
-      nuxt.options.postcss.plugins['tailwindcss'] = {}
+      // Use the new PostCSS adapter package name so Nuxt doesn't try to
+      // use the old `tailwindcss` package as a PostCSS plugin.
+      nuxt.options.postcss.plugins['@tailwindcss/postcss'] = {}
       nuxt.options.postcss.plugins['autoprefixer'] = {}
 
       nuxt.options.tailwindcss = {
@@ -80,12 +105,22 @@ export default defineNuxtModule<MFrameworkUiOptions>({
     }
 
     //
-    // 6. Register plugins (icons, theme, icon switching, search)
+    // 6. Register plugins (icons, theme, icon switching, search).
+    //    Only register plugins that require Vuetify when Vuetify is available.
     //
-    addPlugin(resolve('./runtime/plugins/icons'))
-    addPlugin(resolve('./runtime/plugins/theme'))
-    addPlugin(resolve('./runtime/plugins/icon-switcher'))
-    addPlugin(resolve('./runtime/search/plugin'))
+    if (vuetifyInstalled) {
+      addPlugin(resolve('./runtime/plugins/theme'))
+      addPlugin(resolve('./runtime/plugins/icon-switcher'))
+      addPlugin(resolve('./runtime/search/plugin'))
+    } else {
+      // If Vuetify isn't installed, we still register a minimal search plugin
+      // that doesn't depend on Vuetify, if present. Keep module resilient.
+      try {
+        addPlugin(resolve('./runtime/search/plugin'))
+      } catch (e) {
+        // ignore — plugin not critical
+      }
+    }
 
     //
     // 7. Auto-import components from this module

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mframework/ui",
-  "version": "0.0.4",
+  "version": "0.0.6-beta",
   "description": "Official opinionated UI module for the M Framework.",
   "keywords": [
     "ui",

package/runtime/search/plugin.ts

@@ -1,10 +1,9 @@
-import { defineNuxtPlugin } from '#app'
 import { getSearchClient } from './client'
 
-export default defineNuxtPlugin((nuxtApp) => {
+export default (nuxtApp: any) => {
   const client = getSearchClient()
   const indexName = process.env.NUXT_PUBLIC_SEARCH_INDEX || 'default'
 
   nuxtApp.provide('mSearchClient', client)
   nuxtApp.provide('mSearchIndex', indexName)
-})
+}