Build a Quasar/Vue q- list from a json object

I need a Quasar/Vue q-list like the Friends list at https://codepen.io/pen/?&editors=101 build from the attached file. The list needs to be build by looping the json object.

<q-item-label lines="1">Brunch this weekend?</q-item-label>
<q-item-label caption lines="2">
<span class="text-weight-bold">Janet</span> Replace with FullName
-- I'll be in your neighborhood doing errands this
weekend. Do you want to grab brunch? Replace with Department
</q-item-label>
</q-item-section>

<q-item-section side top>
1 min ago replace with ProgramName
</q-item-section>

Each item needs a click event and needs to pass the key that needs to be MemberID

I just need the code.