<template>
  <div class="wrapper">
    <h1 class="is-1">Settings {{ user.name }}!!!</h1>
  </div>
</template>

<script lang="ts">
let user: {
  avatar?: string;
  email?: string;
  name: string;
  isAdmin: boolean;
} = {
  name: "LOADING...",
  isAdmin: false
};

export default {
  name: "Settings",
  beforeCreate() {},
  async created() {
    const response = await fetch("/users/profile/");
    this.user = await response.json();
  },
  data() {
    return {
      user
    };
  }
};
</script>

