<template>
  <SidebarTemplate>
    <div class="nav">
      <NuxtLink class="namespace" to="/account/settings/password">Password</NuxtLink>
      <NuxtLink class="namespace" to="/account/settings/users">Users</NuxtLink>
    </div>
    <div class="left-center">
        <UiIcon>account_circle</UiIcon>
        <p>{{ user.username }}</p>
    </div>
  </SidebarTemplate>
</template>

<script setup lang="ts">
const user = requireUser();
</script>

<style scoped>

</style>