inertia link is't working by passing object

<side-menu :account="account"></side-menu>

  data() {
    return {
      account: {
        redirectto: "/logout",
        dropdownname: "Account",
        drodownmenu: "Logout",
        method: "post",
      },
    };
  },

SideMenu Component

<template>
  <li class="nav-item dropdown">
    <a
      class="nav-link dropdown-toggle"
      href="#"
      data-bs-toggle="dropdown"
      data-bs-auto-close="outside"
    >
      {{ account.dropdownname }}
    </a>
    <ul class="dropdown-menu">
      <li class="dropdown">
        <Link
          class="dropdown-item"
          :href="account.redirectto"
          :method="account.method"
          >{{ account.drodownmenu }}
        </Link>
      </li>
    </ul>
  </li>
</template>
<script>
import { Link } from "@inertiajs/inertia-vue3";

export default {
  name: "SideMenu",
  props: {
    account: Object,
  },
  component: {
    Link,
  },
};
</script>

help needed please