article3.vue

<template>
  <div>
    <my-time-input v-if="userHasPermission('team.trainingTime', VISIBLE)"
                   label="Next Training Time"
                   :disabled="isNextTimeDisabled" />
  </div>
</template>

<script>
  export default {
    name: 'football-team-form',
    computed: {
      isNextTraningTimeDisabled() {
        return !hasNextTraining || !userHasPermission('team.traningTime', EDITABLE);
      },
    },
  }
</script>