<template>
  <v-row>
    <v-col>
      <UserProfileCard :user-id="currentUser.id" />
    </v-col>
  </v-row>

  <v-row>
    <v-col>
      <router-view />
    </v-col>
  </v-row>
</template>

<script lang="ts" setup>
import useBreadcrumbs from "@/use/use-breadcrumbs"
import useCurrentUser from "@/use/use-current-user"

import UserProfileCard from "@/components/users/UserProfileCard.vue"

const { currentUser } = useCurrentUser<true>()

useBreadcrumbs("My Profile", [
  {
    title: "My Profile",
    to: {
      name: "ProfilePage",
    },
  },
])
</script>

<style scoped></style>
