<template>
  <i v-if="menu.icon" :class="['menu-icon', menu.icon]">&nbsp;</i>
  <span>{{menu.title}}</span>
</template>

<script>
export default {

  props: {
    menu: Object,
  },

  setup(props) {
    //
  }
}
</script>

<style lang="less" scoped>
.menu-icon {
  font-size: 1.2em;
  display: inline-block;
  padding-right: .2em;
}
</style>
