Как избежать ошибки дубликации аттрибутов?

Подскажите, пожалуйста, как устранить ошибку, которую выдает мне 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>

Ответы (0 шт):