Config

[leoncvrtila]

Thank you for wanting to take the time to report a problem. In order for us to give you the best
help possible,
please take a moment to give us as much relevant information as possible. Any issues that do not use
the 2 required sections might be closed.

Context (REQUIRED):

• Browser: Chrome
• Browserversion: 124.0.6367.63
• Qalendar Version: 3.8.1

Describe the bug (REQUIRED)

So how ever I define config and pass it as prop to Qalendar nothing is changeing.

To Reproduce

Steps to reproduce the behavior:

1. Go to Qalendar
2. Try to pass config
3. Test if works

Expected behavior

As described in docs, config should affect calendar.

Screenshots

If applicable, add screenshots to help explain your problem.

Additional context

I have copy and paste docs config and it does not work:
<Qalendar
:events="events"
:config="{
week: {
// Takes the value 'sunday' or 'monday'
// However, if startsOn is set to 'sunday' and nDays to 5, the week displayed will be Monday - Friday
startsOn: 'monday',
// Takes the values 5 or 7.
nDays: 7,
// Scroll to a certain hour on mounting a week. Takes any value from 0 to 23.
// This option is not compatible with the 'dayBoundaries'-option, and will simply be ignored if custom day boundaries are set.
scrollToHour: 5
},
month: {
// Hide leading and trailing dates in the month view (defaults to true when not set)
showTrailingAndLeadingDates: false
},
// Takes any valid locale that the browser understands. However, not all locales have been thorougly tested in Qalendar
// If no locale is set, the preferred browser locale will be used
locale: 'de-DE',
style: {
// When adding a custom font, please also set the fallback(s) yourself
fontFamily: 'Nunito'
},
// if not set, the mode defaults to 'week'. The three available options are 'month', 'week' and 'day'
// Please note, that only day and month modes are available for the calendar in mobile-sized wrappers (~700px wide or less, depending on your root font-size)
defaultMode: 'day',
// The silent flag can be added, to disable the development warnings. This will also bring a slight performance boost
isSilent: true,
showCurrentTime: true // Display a line indicating the current time
}"
@updated-period="updatedPeriod"
@datetime-was-clicked="dateTimeWasClicked"
@date-was-clicked="dateWasClicked"
@event-was-clicked="eventWasClicked"
>
<template #weekDayEvent="eventProps">

{{ eventProps.eventData.time }}

      <span>{{ eventProps.eventData.title }}</span>
    </div>
  </template>

  <template #monthEvent="monthEventProps">
    <span>{{ monthEventProps.eventData.title }}</span>
  </template>
</Qalendar>