Implementing the dashboard

In your file structure you should have a pages/ folder, and inside that folder you should have an empty Dashboard.vue file. In this file you will add the code from the main area from the HTML version.

Let’s start with the top part of the Dashboard page, which contains the logged in users name and a dropdown used to filter results.

<div class="level">
    <div class="level-left">
        <h1 class="subtitle is-3">
            <span class="has-text-grey-light">Hello</span>
            <strong>Alex Johnson</strong>
        </h1>
    </div>
    <div class="level-right">
        <div class="select">
            <select @change="changeStats">
                <option value="today" selected>Today</option>
                <option value="yesterday">Yesterday</option>
         ...