Render absolute path with vue-router

template.vue

<template>
  <router-link v-for="(action, i) in actions" :key="i" :to="action.href" v-slot="{ href }">
    <mj-button :href="getAbsoluteURL(href)" font-family="Roboto, sans-serif" font-size="14px" :font-weight="action.type === 'primary' ? 'bold' : 'normal'" :background-color="action.type === 'primary' ? '#0072f0' : '#ffffff'" :color="action.type === 'primary' ? '#ffffff' : '#36404d'" padding-bottom="15px">
      {{ action.label }}
    </mj-button>
  </router-link>
</template>

<script>
  const app = new Vue({
    ...
    methods: {
      getAbsoluteURL(href) {
        // Retrieve baseUrl as you need
        return `${config.baseUrl}${href}`
      },
    },
  })
</script>