<template>
  <div>
    <h2>{{name}}</h2>
    <p>{{body}}</p>
  </div>
</template>
<script>
import profiles from "./memberProfiles";
export default {
  computed: {
    id() {
      return Number(this.$route.params.id);
    },
    myProfile() {
      return profiles.find(profile => profile.id === this.id);
    },
    name() {
      return this.myProfile.name;
    },
    body() {
      return this.myProfile.profile;
    }
  }
};
</script>