Как подключить Vue скрипт на Laravel

Как правильно подключить VueJs скрипт(скрипт калькулятора) к странице Laravel ?
В данный момент у меня рабочий скрипт, а так же созданный контроллер (CalculatorController)
В контроллер вывел только return view('calculator.main); , то есть сам калькулятор я хочу подключить напрямую в созданном view. Когда я переношу все что в файле html (калькулятор), то Larvel выдаёт ошибки :

Use of undefined constant day - assumed 'day' (this will throw an Error in a future version of PHP) (View: /var/www/resources/views/calculator/main.blade.php)

Прочитал в статьях что лучше использовать кавычки для кода, но как только я их ставлю, у меня сразу же все слетает

<div id="calc" class="text-center">
        <!-- Content here -->
            <div class="row">
                <div class="col-sm alert alert-light" role="alert">
                    День недели
                </div>
                <div class="col-sm alert alert-light" role="alert">
                    Время работы
                </div>
                <div class="col-sm alert alert-light" role="alert">
                    Тип автомобиля
                </div>
            </div>

            <div class="row">
                <div class="col-sm">
                    <div class="list-group">
                        <button v-for="day in days" type="button" :class="getDayClass(day)" @click="daySelectHandler(day)">{{day.text}}</button>
                    </div>
                </div>
                <div class="col-sm border-right border-left">
                    <time-picker-group 
                        v-for = "day in activeDayList" 
                        :key="day.id"
                        :name="day.text"
                        :day="day.id"
                        @date-picked="reserveTime"
                        @date-picker-remove="removePicker"
                    ></time-picker-group>
                </div>
                <div class="col-sm">
                    <div class="list-group">
                        <button v-for="variation in autoVariations" type="button" :class="getCarVarationClass(variation)" @click="carVariationSelectHandler(variation)">{{variation.name}}</button>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm border-top mt-2 alert" role="alert">
                {{profitComment}}
                </div>
            </div>

        </div>

Ответы (0 шт):