SidebarMenuButton.vue

<script setup lang="ts">
const emit = defineEmits(['openMenu']);
</script>

<template>
  <div class="fixed z-20">
    <button
      class="px-4 py-2 text-white font-bold hover:bg-slate-800 transition-all rounded-md flex flex-col items-center justify-center gap-1.5"
      @click.prevent="emit('openMenu')"
    >
      <span>Menu</span>
      <HamburgerIcon color="white" size="30" />
    </button>
  </div>
</template>

<style scoped></style>