Refactored component names

This commit is contained in:
Alexis
2024-04-04 18:02:01 +02:00
parent 79868f5481
commit 71ae831483
3 changed files with 4 additions and 4 deletions

View File

@@ -0,0 +1,27 @@
<script lang="ts" setup>
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
import { useCalendar } from '@/stores/calendar'
import { storeToRefs } from 'pinia'
import { computed } from 'vue'
import Button from '../ui/button/Button.vue'
const { defaultDate, isCurrentScreenActive } = storeToRefs(useCalendar())
const { jumpToDefaultDate, getFormattedDateTitle } = useCalendar()
const defaultDateFormatted = computed(() => getFormattedDateTitle(defaultDate.value, true))
</script>
<template>
<TooltipProvider :delayDuration="250">
<Tooltip>
<TooltipTrigger>
<Button @click="jumpToDefaultDate" size="sm" :disabled="isCurrentScreenActive">
Aujourd'hui
</Button>
</TooltipTrigger>
<TooltipContent>
<p>{{ defaultDateFormatted }}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</template>