在laravel中使用vuejs datepicker，无法设置日期排除

I am using

https://www.npmjs.com/package/vuejs-datepicker

in my Laravel 5.7 application. I want to be able to exclude some dates as per the documentation

https://www.npmjs.com/package/vuejs-datepicker#disabled-dates

but when I set the script configuration in my blade template I get this error

vendor.js?id=e10b221b3d10c7b9aa8e:1055 [Vue warn]: Error compiling template:

So I tried to push the script to a location above where app.js is loaded but I still got the same error

This is what the script looks like

<script>
    var state = {
        disabledDates: {
            to: new Date(2016, 0, 5), // Disable all dates up to specific date
            from: new Date(2016, 0, 26), // Disable all dates after specific date
            days: [6, 0], // Disable Saturday's and Sunday's
            daysOfMonth: [29, 30, 31], // Disable 29th, 30th and 31st of each month
            dates: [ // Disable an array of dates
                new Date(2016, 9, 16),
                new Date(2016, 9, 17),
                new Date(2016, 9, 18)
            ],
            ranges: [{ // Disable dates in given ranges (exclusive).
                from: new Date(2016, 11, 25),
                to: new Date(2016, 11, 30)
            }, {
                from: new Date(2017, 1, 12),
                to: new Date(2017, 2, 25)
            }],
            // a custom function that returns true if the date is disabled
            // this can be used for wiring you own logic to disable a date if none
            // of the above conditions serve your purpose
            // this function should accept a date and return true if is disabled
            customPredictor: function(date) {
                // disables the date if it is a multiple of 5
                if(date.getDate() % 5 == 0){
                    return true
                }
            }
        }
    }

</script>