Can't config the Vue component.

[PinHsuehLi]

Hi, team.
I want to config the viewPreset to 'minuteAndHour', but it didn't work.

HTML:

<div id="app">
            <scheduler
            ref="scheduler"
            :time-ranges-feature="true"
            :columns="columns"
            :row-height=60
            :bar-margin="barMargin"
            :events="events"
            :resources="resources"
            :start-date="startDate"
            :end-date="endDate"
            :event-renderer="eventRenderer"
            :viewPreset="viewPreset"
            event-style="colored"
            @eventselectionchange="onEventSelectionChange"
             >
            </scheduler>
    </div>

part of main.js:

var vm = new Vue({
    el: '#app',
    data : {
        events      : [],
        resources   : [],
        timeRanges    : true,
        barMargin     : 5,
        startDate     : new Date(2018, 10, 15),
        endDate       : new Date(2018, 10, 18),
        selectedEvent : '',
        columns: [
            { type:'tree', text: 'Task Name', field: 'name', width: 250}
            
        ],
        viewPreset : {
            name:'minuteAndHour',
            tickWidth:200,
            timeResolution:{
                unit:'minute',
                increment:1
            }
        }]

Everything else is fine, but the viewPreset seems not working.
And when I click the tree structure, it didn't work, too.

[mats]

Please always upload a full ZIPped test case, not snippets.

[PinHsuehLi]

Thank for your help.