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>
|