<template>
	<div class="single-ticket">
		<h2>Ticket "ding"</h2>
		<HeaderlessKeyValueTable :data-rows="{Name: 'Bernd', Status: 'Offen', Ablaufdatum: 'gestern'}" />
		<br>
		<label for="description">Beschreibung</label>
		<textarea id="description" v-model.trim.lazy="description" />
		<br>
		<button @click="save">
			Speichern
		</button>
		<hr>
	</div>
</template>

<script>
import HeaderlessKeyValueTable from './components/HeaderlessKeyValueTable'
export default {
	name: 'Ticket',
	components: { HeaderlessKeyValueTable },
	data() {
		return {
			description: '',
		}
	},
	methods: {
		save() {},
	},
}
</script>

<style scoped>
textarea {
	width: 100%;
}
</style>
