<template>
  <el-menu-item class="festival-menu-item flex" :index="to">
    <img :src="imgURL" class="festival-menu-item__img" />
    <div class="festival-menu-item__title">{{ title }}</div>
  </el-menu-item>
</template>
<style lang="scss" scoped>
.festival-menu-item__img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.festival-menu-item__title {
  flex: 1;
  text-align: center;
}
</style>
<script setup lang="ts">
import type { MenuItem } from '@/components/app/HeaderMenu.vue';
defineProps<MenuItem>();
</script>
