trigger popper update on menu change state

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deck9/ui",
-  "version": "0.12.4",
+  "version": "0.12.5",
   "description": "The UI components used in deck9 software applications.",
   "author": "Philipp Reinking <[email protected]> (https://deck9.co)",
   "scripts": {

src/Menu/MenuContainer.vue

@@ -1,13 +1,16 @@
 <template>
-  <Menu as="div" class="relative inline-block text-left">
+  <Menu as="div" class="relative inline-block text-left" v-slot="{ open }">
     <MenuButton class="focus:outline-none" ref="button">
       <slot name="button">
         <D9Icon class="fill-current" name="ellipsis-h" />
       </slot>
     </MenuButton>
 
-    <teleport :to="typeof usePortal === 'string' ? usePortal : 'body'" :disabled="!usePortal">
-      <div ref="container" class="w-56">
+    <teleport
+      :to="typeof usePortal === 'string' ? usePortal : 'body'"
+      :disabled="!usePortal"
+    >
+      <div ref="container" class="w-56" :class="open ? 'mt-' : 'mt-px'">
         <transition
           enter-active-class="transition duration-200 ease-in-out"
           enter-from-class="transform -translate-y-4 opacity-0"

src/utils/usePopper.ts

@@ -1,5 +1,5 @@
 import { ref, onMounted, watchEffect, Ref, VNode } from "vue";
-import { createPopper, Options } from "@popperjs/core/lib/popper-lite.js";
+import { createPopper } from "@popperjs/core/lib/popper-lite.js";
 
 export function usePopper(options?: any): [Ref<VNode>, Ref<VNode>] {
   const reference = ref(null) as unknown as Ref<VNode>;