Как избежать ошибки дубликации аттрибутов?
Подскажите, пожалуйста, как устранить ошибку, которую выдает мне eslint? Прикладываю код в песочнице https://codesandbox.io/s/affectionate-diffie-pe69z?file=/src/views/Admin.vue
<template>
<div class="admin">
<h1>Редактирование</h1>
<hr>
<div class="container">
<AdminCarList
:carsFromApp="adminCars"
@change="onChangeSelectedCar"
/>
<AdminCarWorks
:car="selectedCar"
:car-works="selectedCar.works"
@click="addWork"
@click="removeWork"
/>
</div>
</div>
</template>
<script>
import App from "../App";
import AdminCarWorks from "../components/AdminCarWorks";
import AdminCarList from "../components/AdminCarList";
export default {
name: 'app',
data() {
return {
adminCars: App.data().cars,
selectedCar: {
works: ''
},
work: {titleOfWork: '', cost: ''}
}
},
components: {
AdminCarList, AdminCarWorks
},
methods: {
onChangeSelectedCar: function (selectedCarTitle) {
this.selectedCar = this.adminCars.find(car => car.title === selectedCarTitle);
},
addWork: function (newWork) {
this.work = newWork;
this.selectedCar.works.push(this.work);
},
removeWork: function (work) {
this.selectedCar.works = this.selectedCar.works.filter(carWorks => carWorks.work === work);
}
},
props: ['carsFromApp', 'cars']
}
</script>