<template>
    <img class="menu-img" :src="imgSrc"/>
</template>

<script setup lang="ts">

import { getAssetsImages } from '@/framework/utils/index'
const props = defineProps({
  path: {
    type: String,
    default: "/menu",
  },
  imgName: {
    type: String,
    required: true,
    default: "",
  }
});

const imgSrc = computed(() => getAssetsImages(props.imgName, props.path));
</script>

<style scoped>
.menu-img{
    margin-left: 3px;
    margin-right: 8px;
}
</style>