how do I add router to a few looped button with v-for prop

[caddykhaw]

I am following the example in the documentation, UI component, one of the fotter example. I wanted to route the buttons to other pages. So is there a way to include the router in the loop??``

`<template>
  <v-footer color="primary lighten-1" padless>
    <v-row justify="center" no-gutters>
      <v-btn
        v-for="link in links"
        :key="link"
        :routes="route"
        color="white"
        text
        router
        to="route"
        rounded
        class="my-2"
      >
        {{ link }}
      </v-btn>
      <v-col class="primary lighten-2 py-4 text-center white--text" cols="12">
        {{ new Date().getFullYear() }} — <strong>Vuetify</strong>
      </v-col>
    </v-row>
  </v-footer>
</template>
<script>
export default {
  data: () => ({
    links: ['Home', 'About Us', 'Courses', 'Contact Us'],
    routes: ['/home', '/about', '/courses', '/contact'],
  }),
}
</script>

Thanks in advance

[jacekkarczmarczyk]

      <v-btn
        v-for="(link, index) in links"
        :key="link"
        color="white"
        text
        :to="routes[index]"
        rounded
        class="my-2"
      >
        {{ link }}
      </v-btn>