При клике запушать из одного массива в другой?

new Vue({
	el: '#app',
	data: {
		arrs: [
		{id: "109", name: "монитор"},
		{id: "292", name: "ноутбук"},
		{id: "339", name: "чайник"},
		{id: "498", name: "принтер"},
		],
		arrTrashs: []
	},
	methods: {
		addTrash(i) {
			this.arrTrashs.push(this.arrs.splice(i, 1));
			console.log(this.arrTrashs);
		},
		clearTrash() {
			this.arrs.push(this.arrTrashs);
			this.arrTrashs= []
		}
	}

})

<div id="app">
	<div v-for="(arr, i) in arrs">
		<span>{{arr.id}}</span>
		<span>{{arr.name}}</span>
		<button @click="addTrash(i)">Sent</button>
	</div>
	
	<div>
		<span>Это корзина</span>			
		<div v-for="arrTrash in arrTrashs" class="XXX">
			{{arrTrash}}
		</div>
		<button @click="clearTrash">clear Trash !</button>
	</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>