parsley/app/javascript/components/UserEdit.vue

<template>
  <div>
    <app-text-field label="Username" v-model="userObj.username"></app-text-field>
    <app-text-field label="Name" v-model="userObj.full_name"></app-text-field>
    <app-text-field label="Email" v-model="userObj.email"></app-text-field>
    <app-text-field type="password" label="Password" v-model="userObj.password"></app-text-field>
    <app-text-field type="password" label="Password Confirmation" v-model="userObj.password_confirmation"></app-text-field>
  </div>
</template>

<script setup>

  const props = defineProps({
    userObj: {
      required: true,
      type: Object
    }
  });

</script>

<style lang="scss" scoped>

</style>