TKO/services/frontend/components/Calendar.vue

34 lines
664 B
Vue
Raw Normal View History

2025-02-16 21:10:50 +01:00
<template>
<h1>Kalendář</h1>
<h2>Podívejte se, kdy se můžete přidat!</h2>
<v-sheet class="sheet__box">
<v-calendar
v-model="value"
first-day-of-week="1"
locale="cs-CZ"
ref="calendar"
view-mode="week"
:events="events"
:weekdays="[1, 2, 3, 4, 5, 6, 0]"
/>
</v-sheet>
</template>
<script setup lang="ts">
import './assets/css/main.css'
2025-02-19 20:51:19 +01:00
import {useAPI} from "~/composables/useAPI";
const { error, data } = await useAPI('load-events/', {method: "GET"});
2025-02-16 21:10:50 +01:00
const value = [new Date()];
const events = [
{
title: "ahoj",
start: new Date(),
end: new Date(),
color: 'red',
}
];
</script>