Files
2026-08-20 23:00:47 +02:00

37 lines
893 B
Vue

<script setup lang="ts">
import { Head } from '@inertiajs/vue3';
import FavoriteRooms from '@/components/FavoriteRooms.vue';
import MyRooms from '@/components/MyRooms.vue';
import { dashboard } from '@/routes';
import type { DashboardPageProps } from '@/types/dashboard';
defineOptions({
layout: {
breadcrumbs: [
{
title: 'Meine Räume',
href: dashboard(),
},
],
},
});
const props = defineProps<DashboardPageProps>();
</script>
<template>
<Head title="Meine Räume" />
<main
class="flex min-h-[calc(100svh-4rem)] flex-1 flex-col gap-10 overflow-x-auto bg-slate-900 p-4 text-slate-100"
>
<MyRooms :rooms="props.rooms" />
<FavoriteRooms
v-if="props.favoriteRooms.length > 0"
:favorite-rooms="props.favoriteRooms"
/>
</main>
</template>