выберите раскрывающийся список не работает в настоящее время должным образом в Vue JS с помощью Laravel

Question

Привет, у меня есть этот выпадающий список, который будет выбран на странице редактирования. Теперь моя проблема в том, что у меня уже есть код, но кажется, что он не работает. Вот код ниже.

<div id="app-accomodation-type-private">
                    <select name="accomodationType" id="form_type" data-style="btn-selectpicker" title="" aria-describedby="propertyTypeHelp" class="selectpicker form-control">
                      <option value="0">Please Select</option>
                      <optgroup v-for="(group, name) in optionGroups" :label="name">
                          <option v-for="option in group" :value="option.value" :selected="option.value =={{ json_encode($postRoom['accomodation_type']) }}?true : false">
                            @{{ option.text }}
                          </option>
                        </optgroup>
                    </select>
                </div>

Теперь мой сценарий vue js

<script>
    //accomodation type private room
    new Vue({
    el: '#app-accomodation-type-private',
        data: {
          //selected: 'A',
          optionGroups: {
            PrivateRoom: [
              { text: 'Single Bed', value: 'Single Bed' },
              { text: 'Double Bed', value: 'Double Bed' },
              { text: 'Queen Size Bed', value: 'Queen Size Bed' },
              { text: 'Barkada', value: 'Barkada' }
            ],
            Tent: [
              { text: 'Tent', value: 'Tent' },
              { text: 'Hammock', value: 'Hammock' }
            ]
          }
        }
    })



</script>

Теперь, в чем проблема? Может кто-нибудь помочь мне разобраться в этом? ТИА