<form :action="route" ref="form">
<div class="col-md-4 mb-3">
<div class="col-xs-10">
<input v-model="filter.name" type="text" class="form-control" name="name" @change="submit">
</div>
</div>
<div class="col-md-4 mb-3">
<div class="col-xs-10">
<input v-model="filter.pages" type="text" class="form-control" name="pages" @change="submit">
</div>
</div>
</form>
methods: {
submit() {
const { form } = this.$refs;
[...form.elements].forEach(n => !n.value && n.remove());
form.submit();
},
},
const kebab = str => str.replace(/\b([A-Z][a-z]*)+\b/g, n => n.replace(/(?<!\b)([A-Z])/g, '-$1').toLowerCase());