Есть данные, в которых описаны путь к иконке и текст. Необходимо их вывести.
<template>
...
<div v-for="menuItem in menuItems" :key="menuItem.text" class="menu__item">
<div class="menu__ico"><img :src="imageUrl" alt="" /></div>
<div class="menu__text">{{ menuItem.text }}</div>
</div>
...
</template>
<script setup lang="ts">
const menuItems = [
{ iconPath: '@/assets/icons/about.svg', text: 'About' },
...
]
const imageUrl = new URL(`${this.iconPath}`, import.meta.url).href
</script>
У меня проблемы с this, не понимаю как вывести необходимую переменную
