timmal/app/layouts/default.vue

<template>
  <UDashboardGroup>
    <UiSidebar class="min-w-60" />
    <UDashboardPanel>
      <template #header>
        <UDashboardNavbar :title="pageName ?? ''">
          <template #right>
            <UColorModeButton />
          </template>
        </UDashboardNavbar>
        <div class="flex flex-row content-center justify-between w-full" />
      </template>
      <template #body>
        <slot />
      </template>
    </UDashboardPanel>
  </UDashboardGroup>
</template>

<script setup lang="ts">
const { pageName } = usePageTitle();
</script>