Vue task

Array.vue

<template>
  <div class="widget">
    <div v-if="activeItems && activeItems.length > 0">
      <ul>
        <li v-for="item in activeItems" :key="item.id">
          {{item.name}}
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        loading: true,
        list: {
          'John': true,
          'Jane': true,
          'Bob': false
        },
      }
    },
    computed: {
      activeItems() {
        
        let activeItems = []
        
        Object.entries(obj).forEach(([value, key]) => {
            if(key === true){
                activeElements.push({name : value, active: key});
            }
        })

        return activeItems;
      }
    }
  }
</script>