Is it possible to set value of input from parent and also set input as field

[Fenish]

<template>
	<div class="flex flex-col gap-y-1">
		<span class="select-none text-sm">{{ label }}</span>
		<div
			class="container"
			:class="{
				error: errorMessage,
				neutral: !errorMessage,
			}"
		>
			<Icon
				v-if="icon"
				:name="icon"
				class="w-5 h-5"
			/>
			<input
				v-model="value"
				:name="name"
				:type="type"
				:placeholder="placeholder"
				@input="emit('update:modelValue', value)"
			>
		</div>
	</div>
</template>

<script setup lang="ts">
const props = defineProps({
	name: {
		type: String,
		default: '',
	},
	placeholder: {
		type: String,
		default: '',
	},
	label: {
		type: String,
		default: '',
	},
	icon: {
		type: String,
		default: '',
	},
	type: {
		type: String,
		default: 'text',
	},
});

const { value, errorMessage } = useField(() => props.name);
const emit = defineEmits(['update:modelValue']);
</script>

<style scoped>
input {
    @apply w-full h-full p-2 bg-transparent ring-0 outline-none;
}

.container {
    @apply border rounded-md flex items-center pl-2;
	@apply transition-colors duration-300
}

.error {
	@apply border-red-500;
}

.neutral {
	@apply dark:border-zinc-800 border-gray-200;
}
</style>

i want to set value of my input from parent but i don't know how to do. The reason i want is because some pages i have input with filled data that user can change.