@designcrowd/fe-shared-lib 1.0.2-ast-dropdown → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.0.2-ast-dropdown",
+  "version": "1.0.2",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",

package/src/atoms/components/Dropdown/Dropdown.stories.js

@@ -15,15 +15,10 @@ export const Sample = () => {
       DropdownItem,
       Pill,
     },
-    data() {
-      return {
-        show: true,
-      }
-    },
     template: `
       <div class="tw-font-sans tw-w-1/4">
-        <Dropdown menu-align="right" v-model:show="show" @update:show="(visible) => show = visible">
-          <DropdownItem @click="() => show = false">
+        <Dropdown menu-align="right">
+          <DropdownItem>
             <span class="tw-grow">Menu item 1</span>
             <Pill class="tw-text-white" :style="{ background: 'blue' }">Blue</Pill>
           </DropdownItem>

package/src/atoms/components/Dropdown/Dropdown.vue

@@ -36,7 +36,6 @@
   </div>
 </template>
 <script>
-import { watch } from 'vue';
 import Icon from '../Icon/Icon.vue';
 
 export default {
@@ -68,11 +67,6 @@ export default {
       required: false,
       default: false,
     },
-    show: {
-      type: Boolean,
-      required: false,
-      default: false,
-    }
   },
   data: () => ({
     isMenuVisible: false,
@@ -82,26 +76,15 @@ export default {
       return (this.$slots.default || []).filter((s) => s.tag);
     },
   },
-  watch: {
-    show() {
-      this.isMenuVisible = this.show;
-    }
-  },
-  mounted() {
-    this.isMenuVisible = this.show;
-  },
   methods: {
     onToggleMenu() {
       this.isMenuVisible = !this.isMenuVisible;
-      this.$emit('update:show', this.isMenuVisible);
     },
     hideMenu() {
       this.isMenuVisible = false;
-      this.$emit('update:show', false);
     },
     showMenu() {
       this.isMenuVisible = true;
-      this.$emit('update:show', true);
     },
   },
 };