How to integrate v-text-field instead of input element?

[reisenmachtfreude]

I'm using vue3 and trying to replace the input element with a fancy v-text-field.
However, my try did not work.

		<template v-slot="{ subscribe, setEmail, error, success, loading }">
		<form @submit.prevent="subscribe">
			<v-text-field
			label="Your email address"
			:rules="rules"
			hide-details="auto"
			@input="setEmail($event.target.value)"
			></v-text-field> -->
			<button type="submit"><v-icon>mdi-email</v-icon></button>
			<div v-if="error">{{ error }}</div>
			<div v-if="success">Sucessfully subscribed!</div>
			<div v-if="loading">Loading…</div>
		</form>
		</template>

Error:
"TypeError: Cannot read property 'value' of undefined"

I would be happy if you can provide advice.

[ianfortier]

<v-text-field style="min-width: 100px;" @change="setEmail($event)" outlined class="white" hide-details single-line type="email" required :placeholder="$t('Your email address')"></v-text-field>