[Vuejs]-How do I populate a vue component inside vue condition base with nested json objects

The problem was that in using the component here, I was wrongly trying to bind the props. so this was not displaying the items because, the bindings are not done correctly.

<div class="container" v-if="seen">
   <header class="section-header">
       <h3>{{ projects }}</h3>
   </header>
   <div class="row" id="display-projects">
      <project-executed
          v-for="project in projects"
          :icon="project.icon"
          :icon-color="project.color"
          :title="project.title"
          :description="project.description"
      ></project-executed>
   </div>
</div>