<script>
const menuEntries = [{text: 'hello'}, {submenu: 'menu'}, {text: 'world'}]
function doSomeJs(entryObj) {
let classes = [this];
if (entryObj.submenu) classes.push('has-submenu');
return [...Object.entries(entryObj)[0], classes.join(' ')];
}
</script>
<div class="Menu">
{#each menuEntries.map(doSomeJs, 'bold-text') as [key, value, classes], i}
<div class={classes}>{i} - {key} : {value}</div>
{/each}
</div>
<style>
.has-submenu {
color: red;
}
.bold-text {
font-weight: bold;
}
</style>