Calendar

<template>
 <Calendar
  expanded
  :attributes="attributes"
  color="blue"
 />
</template>

<script setup lang="ts">
const attributes = ref([
 {
  key: 'today',
  highlight: true,
  dates: new Date(),
 },
]);
</script>

<template>
 <ViewState
  v-slot="example"
  src="state://calendar"
  :data="[
   {
    key: 'today',
    highlight: true,
    dates: new Date(),
   },
  ]"
 >
  <Calendar
   expanded
   :attributes="example.data"
   color="blue"
  />
 </ViewState>
</template>