Vue JS Snippet

vue-snippet.html

<!-- Show Router Link -->
<li class="items-center text-gray-800 hover:text-gray-600"
  v-for="route in this.$router.options.routes"
  v-bind:key="route.path"
>
  <router-link
    class="text-xs uppercase py-3 font-bold block"
    v-bind:to="route.path"
    activeClass="text-orange-500 hover:text-orange-600"
    v-bind:exact="route.path == '/'"
    ><i class="opacity-75 mr-2 text-sm" v-bind:class="route.meta.icon"></i>
    {{ route.name }}
    </router-link
  >
</li>