<template>
  <footer class="footer">
    <router-link
    v-for="menuItem in footer"
    tag="div"
    v-bind:key="menuItem.text"
    class="footer__icon"
    :to=menuItem.link
    :class="{'footer__color': activeIconText === menuItem.link}"
    >
      <div
      class="footer__picture"
      >
      <svg
      id="Layer_1"
      data-name="Layer 1"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 61 61"
      >
        <g>
          <path
          v-bind:d="menuItem.picture"
          fill="#000f9f"
          />
        </g>
      </svg>
      </div>
      <p>{{menuItem.text}}</p>
    </router-link>
  </footer>
</template>