<template><divclass="service-create-edit"><divclass="columns is-multiline"><divclass="column is-6 is-offset-3"><divclass="box"><form@submit.prevent='save()'><pclass="control"><inputtype="text"class="input"placeholder='name'v-model='service.name'></p><pclass="control"><inputtype="text"class="input"placeholder='description'v-model='service.description'></p><pclass="control"><inputtype="text"class="input"placeholder='category'v-model='service.category'></p><pclass="control"><inputtype="text"class="input"placeholder='ages'v-model='service.ages'></p><pclass="control"><buttonclass="button is-primary"> Add
</button></p></form></div></div></template><script>export default {
name: 'service-create-edit',
data () {
return {
service: {}
};
},
methods: {
save () {
// code to save our service will go here
}
}
};
</script><!-- Add "scoped" attribute to limit CSS to this component only --><stylescoped></style>