<template>
  <input type="text" :value="address" @input="$emit('update:address', $event.target.value)">
  <input type="text" :value="city" @input="$emit('update:city', $event.target.value)">
  <input type="text" :value="region" @input="$emit('update:region', $event.target.value)">
  <input type="text" :value="country" @input="$emit('update:country', $event.target.value)">
  <input type="text" :value="postal" @input="$emit('update:postal', $event.target.value)">
</template>

<script setup>
import { defineProps } from 'vue'

defineProps({
  address: String,
  city: String,
  country: String,
  region: String,
  postal: String,
})
</script>