Consolidate configuration parameters to avoid duplication

Currently you have to define each config parameters like so:

<FullCalendar
      ref="fullCalendar"
      :selectable="selectable"
      :plugins="plugins"
      :defaultView="defaultView"
      :firstDay="firstDay"
      :nowIndicator="nowIndicator"
      :allDayText="allDayText"
      :slotDuration="slotDuration"
      :slotLabelFormat="slotLabelFormat"
      :slotLabelInterval="slotLabelInterval"
      :locale="locale"
      :height="height"
      :editable="editable"
      :datesAboveResources="datesAboveResources"
      :buttonText="buttonText"
      :header="header"
      :views="views"
      :resources="resources"
      :events="events"
      :resourceRender="resourceRender"
      :columnHeaderHtml="columnHeaderHtml"
      :eventRender="eventRender"
/>

Everything is duplicated and feels wrong:

export default {
  components: {
    Layout,
    FullCalendar,
    TextInput
  },
  data() {
    return {
      plugins: [
        dayGridPlugin,
        timeGridPlugin,
        listPlugin,
        interactionPlugin,
        momentPlugin
      ],
      defaultView: "timeGridWeek",
      firstDay: 1,
      nowIndicator: true,
      allDayText: "Ganztägig",
      slotDuration: "00:15",
      slotLabelFormat: "HH:mm",
      slotLabelInterval: "00:30",
      locale: "de",
      height: "auto",
      editable: true,
      datesAboveResources: true,

      ...

    };
  },
}

Using a simple config parameter like so would be much cleaner:

<FullCalendar
      ref="fullCalendar"
      :config="calendarConfig"
/>

export default {
  data() {
    return {
      calendarConfig: {
         plugins: [
            dayGridPlugin,
            timeGridPlugin,
            listPlugin,
            interactionPlugin,
            momentPlugin
        ],
        defaultView: "timeGridWeek",
        ...
      }
    };
  },
}

[dneuschaefer-rube]

Vue allows you to bind objects in order to pass multiple properties at once, so you can already do this like:

<FullCalendar
      ref="fullCalendar"
      v-bind="calendarConfig"
...
/>

[jackleblack]

I made an easy example from the playground and this not work. Anybody have an idea ?

https://codesandbox.io/s/fullcalendar-vue-1c39z