<template>
<div>
    <input type="text" v-model="item.name">
    <div v-for="role in userRoles" :key="role.id">
        <input type="text" v-model="role.name">
    </div>
</div>
</template>
<script>
import { mapState } from 'vuex';
import UsersStore from 'path/to/users/store/users.store';

export default {
    computed: {
      ...mapState(UsersStore.name, ['item']),
    },
    userRoles() {
        return this.item.roles;
    },
}
</script>