Vue Js как задать значение по умолчанию в форме селект
 

Есть php который генерирует массив из которого строится пункты меню селект, как сделать так чтобы если не заполнена v-model то по умолчанию выбирался допустим первый элемент в форме селект?

<div class="form-group row align-items-center" :class="{'has-danger': errors.has('template'), 'has-success': fields.template && fields.template.valid }">
    <label for="template" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-3'">{{ trans('admin.category.columns.template') }}</label>
    <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-7'">
        <select class="form-control" v-model="form.template" @change="onCategoryChange($event)">
            <option value="">@lang('brackets/admin-ui::admin.forms.select_options')</option>
            <option v-for="template in prepareTree({{$templates}})" :value="template.template" >@{{template.template}}</option>
        </select>
        <div v-if="errors.has('template')" class="form-control-feedback form-text" v-cloak>@{{ errors.first('template') }}</div>
    </div>
</div>