Framework7 router component template literal

profile.html

<template es>
  ...
  ${this.users.map((user, index) => `
    <div class="list simple-list" data-index="${index}" data-id="${user.id}">
      <ul>
        <li>First Name: ${user.firstName}</li>
        <li>Last Name: ${user.lastName}</li>
        <li>Age: ${user.age}</li>
      </ul>
    </div>
  `).join('')}
  ...
</template>
<script>
  return {
    data() {
      return {
        users: [
          {
            id: 1,
            firstName: 'John',
            lastName: 'Doe',
            age: 32,
          },
          {
            id: 2,
            firstName: 'Jane',
            lastName: 'Smith',
            age: 23,
          },
        ]
      };
    },
    // ...
  };
</script>