<template>

<div class="dropdown show">
  <a @click="showMenu=!showMenu">
    <slot name="menubutton"></slot>
  </a>

  <div :class="'dropdown-menu' + (showMenu==true?' show':'')" @click="showMenu=false">
    <slot name="menuitems"></slot>
  </div>
</div>

</template>

<script>
    export default {
        data: function () {
            return {
                showMenu: this.showMenu
            }
        }
    }
</script>

<style>

</style>