<script setup>
import {ref} from "vue";

const itemsmenu = [{
  link: 'main',
  color: 'danger',
  icon: 'ri-arrow-up-circle-fill',
},
  {
    link: 'about',
    color: 'info',
    icon: 'ri-arrow-up-circle-fill',
  },
  {
    link: 'contact',
    color: 'warning',
    icon: 'ri-arrow-up-circle-fill',
  },
]
</script>

<template>
  <ul>
    <li v-for="item in itemsmenu" :key="item.id">
      <a :class="`${item.color}`" :href="`${item.link}`"> {{ item.link }}</a> <i :class="`${item.icon}`"></i>
    </li>
  </ul>
  <p><i class="arrow-right-wide-line"></i>asdasd</p>
  <i class="arrow-right-wide-line"></i>
</template>

<style scoped>

</style>