@shwfed/nuxt 0.1.44 → 0.1.46

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/app.d.vue.ts

@@ -5,6 +5,7 @@ type Item = Readonly<{
     id: string;
     title: string;
     icon?: string;
+    disabled?: boolean;
     keywords?: ReadonlyArray<string>;
     effect: Effect.Effect<void, never, Scope.Scope>;
 }>;

package/dist/runtime/components/app.vue

@@ -4,7 +4,7 @@ import { ref } from "vue";
 import { CommandDialog, CommandInput, CommandList, CommandGroup, CommandEmpty, CommandItem, CommandSeparator } from "./ui/command";
 import { TooltipProvider } from "./ui/tooltip";
 import { Toaster } from "vue-sonner";
-import { useMagicKeys, whenever } from "@vueuse/core";
+import { useMagicKeys, useTimeoutFn, whenever } from "@vueuse/core";
 import { useI18n } from "vue-i18n";
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
@@ -24,6 +24,10 @@ useHead({
   }
 });
 const isCommandOpen = ref(false);
+const isDropdownOpen = ref(false);
+const { start: startDropdownCloseTimer, stop: stopDropdownCloseTimer } = useTimeoutFn(() => {
+  isDropdownOpen.value = false;
+}, 150, { immediate: false });
 const { meta_k } = useMagicKeys();
 whenever(() => meta_k?.value, () => {
   isCommandOpen.value = !isCommandOpen.value;
@@ -60,6 +64,7 @@ whenever(() => meta_k?.value, () => {
                 v-for="child in group.children"
                 :key="child.id"
                 :value="child.id"
+                :disabled="child.disabled"
                 @select="
   child.effect.pipe(Effect.scoped).pipe(Effect.tap(() => {
     isCommandOpen = false;
@@ -145,13 +150,24 @@ whenever(() => meta_k?.value, () => {
         <slot name="menu" />
         <span class="flex-1" />
         <DropdownMenu
+          v-model:open="isDropdownOpen"
           :modal="false"
+          @update:open="stopDropdownCloseTimer();
+  isDropdownOpen = $event"
         >
           <DropdownMenuTrigger as-child>
             <button
               ref="dropdown-trigger"
               type="button"
               class="text-white text-sm cursor-pointer appearance-none outline-none pl-4 py-2"
+              @pointerenter="stopDropdownCloseTimer();
+  isDropdownOpen = true"
+              @pointerleave="stopDropdownCloseTimer();
+  startDropdownCloseTimer()"
+              @click.prevent="if (!isDropdownOpen) {
+    stopDropdownCloseTimer();
+    isDropdownOpen = true;
+  }"
             >
               <slot name="dropdown-trigger" />
             </button>
@@ -159,6 +175,9 @@ whenever(() => meta_k?.value, () => {
           <DropdownMenuContent
             class="min-w-56"
             align="end"
+            @pointerenter="stopDropdownCloseTimer()"
+            @pointerleave="stopDropdownCloseTimer();
+  startDropdownCloseTimer()"
           >
             <template
               v-for="group in commands?.filter((group2) => group2.position.includes('dropdown') && group2.children.length > 0)"
@@ -171,6 +190,7 @@ whenever(() => meta_k?.value, () => {
                 <DropdownMenuItem
                   v-for="item in group.children"
                   :key="item.id"
+                  :disabled="item.disabled"
                   @select="item.effect.pipe(Effect.scoped).pipe(Effect.tap(() => {
   isCommandOpen = false;
 })).pipe(Effect.runPromise)"

package/dist/runtime/components/app.vue.d.ts

@@ -5,6 +5,7 @@ type Item = Readonly<{
     id: string;
     title: string;
     icon?: string;
+    disabled?: boolean;
     keywords?: ReadonlyArray<string>;
     effect: Effect.Effect<void, never, Scope.Scope>;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "description": "",
   "license": "MIT",
   "type": "module",
@@ -29,7 +29,7 @@
     "dev": "npm run dev:prepare && nuxt dev playground",
     "dev:build": "nuxt build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags && git pull --tags --force origin main",
     "lint": "eslint .",
     "postinstall": "husky",
     "test": "vitest run",