@owdproject/nuxt-kit-nuxt-ui 4.0.0-alpha.3 → 4.0.0-alpha.4

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "desktop-kit-nuxt-ui",
   "configKey": "kitNuxtUi",
-  "version": "4.0.0-alpha.3",
+  "version": "4.0.0-alpha.4",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,4 +1,7 @@
 import { defineNuxtModule, createResolver, installModule, addPlugin, addComponentsDir } from '@nuxt/kit';
+import { existsSync } from 'node:fs';
+import { resolve, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 function tailwindContentPaths(nuxt) {
   nuxt.options.desktopTailwindContent ??= [];
@@ -11,6 +14,24 @@ function registerTailwindPath(nuxt, path) {
   }
 }
 
+function resolveNuxtUiDistDir() {
+  try {
+    const resolveMeta = import.meta.resolve;
+    const resolved = resolveMeta?.("@nuxt/ui");
+    if (resolved) {
+      const distDir = dirname(fileURLToPath(resolved));
+      if (existsSync(resolve(distDir, "runtime/ui.config"))) return distDir;
+    }
+  } catch {
+  }
+  return void 0;
+}
+function registerNuxtUiTailwindContent(nuxt) {
+  const distDir = resolveNuxtUiDistDir();
+  if (!distDir) return;
+  registerTailwindPath(nuxt, resolve(distDir, "runtime/components/**/*.{vue,mjs,ts}"));
+  registerTailwindPath(nuxt, resolve(distDir, "runtime/ui.config/**/*.{mjs,js,ts}"));
+}
 function flattenTailwindContentPaths(content) {
   const paths = [];
   if (typeof content === "string") {
@@ -68,6 +89,7 @@ const module$1 = defineNuxtModule({
     await installModule("@nuxt/ui", {
       global: true
     });
+    registerNuxtUiTailwindContent(nuxt);
     addPlugin({
       src: resolve("./runtime/plugins/01.desktop-nuxt-ui-dialogs.client"),
       mode: "client",

package/dist/runtime/components/explorer/Frame.vue

@@ -42,7 +42,7 @@ const hasNavSlot = computed(() => typeof slots.nav === "function");
   >
     <div :class="['flex flex-col h-full bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 rounded-lg shadow-lg overflow-hidden', props.chromePadding === false ? '' : 'p-2']">
       <div class="desktop-explorer-frame__header-stack">
-        <slot v-slot:nav v-if="hasNavSlot" name="nav" />
+        <slot v-if="hasNavSlot" name="nav" />
         <Nav v-else>
           <template #prepend>
             <slot name="nav-prepend" />

package/dist/runtime/components/explorer/Workspace.vue

@@ -7,7 +7,7 @@ import Frame from "./Frame.vue";
 import Chrome from "./Chrome.vue";
 import FilePane from "./FilePane.vue";
 import AddressBar from "./AddressBar.vue";
-import DefaultToolbar from "./presets/DefaultToolbar.vue";
+import DefaultToolbar from "./DefaultToolbar.vue";
 const props = defineProps({
   config: { type: Object, required: false },
   window: { type: Object, required: true },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owdproject/nuxt-kit-nuxt-ui",
-  "version": "4.0.0-alpha.3",
+  "version": "4.0.0-alpha.4",
   "description": "Nuxt UI for OWD themes: dialogs (always) and optional DesktopExplorer* UI (requires @owdproject/nuxt-module-fs; use { explorer: false } for dialogs only).",
   "license": "MIT",
   "type": "module",

package/src/runtime/components/explorer/Frame.vue

@@ -46,7 +46,7 @@ const hasNavSlot = computed(() => typeof slots.nav === 'function')
   >
     <div :class="['flex flex-col h-full bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 rounded-lg shadow-lg overflow-hidden', props.chromePadding === false ? '' : 'p-2']">
       <div class="desktop-explorer-frame__header-stack">
-        <slot v-slot:nav v-if="hasNavSlot" name="nav" />
+        <slot v-if="hasNavSlot" name="nav" />
         <Nav v-else>
           <template #prepend>
             <slot name="nav-prepend" />

package/src/runtime/components/explorer/Workspace.vue

@@ -7,7 +7,7 @@ import Frame from './Frame.vue'
 import Chrome from './Chrome.vue'
 import FilePane from './FilePane.vue'
 import AddressBar from './AddressBar.vue'
-import DefaultToolbar from './presets/DefaultToolbar.vue'
+import DefaultToolbar from './DefaultToolbar.vue'
 
 const props = defineProps<{
   config?: Record<string, any>