Framework7 router component

profile.html

<template>
  <div class="page">
    <div class="navbar">
      <div class="navbar-inner">
        <div class="title">Profile</div>
      </div>
    </div>
    <div class="page-content">
      <div class="list simple-list">
        <ul>
          <li>First Name: {{user.firstName}}</li>
          <li>Last Name: {{user.lastName}}</li>
          <li>Age: {{user.age}}</li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
  return {
    data() {
      return {
        user: {
          firstName: 'John',
          lastName: 'Doe',
          age: 32,
        },
      }
    },
  };
</script>