Передача реквизита на ссылку маршрутизатора — Vue.js

Я пытаюсь передать реквизиты для имени ссылки на мой маршрутизатор, но это вообще не работает. Что я делаю не так?

Компонент кнопок:

<template>
      <router-link :to = "{ name: nextStep }" tag = "button" class = "button">Back</router-link>
      <router-link :to = "{ name: previousStep }" tag = "button" class = "button">Next</router-link>
</template>
<script>
    export default {
        props: {
            nextStep: {
                type: String,
                default: null,
            },
            previousStep: {
                type: String,
                default: null
            }
        },
     
    }
</script>

Когда я использую компонент

  <Buttons :nextStep = "Firststep" :previousStep = "Secondstep" />

И мой маршрутизатор js, чтобы убедиться, что имя правильное

{
    path: "/firststep",
    name: "Firststep",
    component: FirstStep
  },
  {
    path: "/secondstep",
    name: "Secondstep",
    component: SecondStep
  },