forgotPassword.html

<div class="fill">
    <div class="form-container">
        <div v-if="tokenPresent" class="form-content-container">
            <div v-if="error" class="top-error-container">
                <div class="error-message">{{ errorMessage }}</div>
            </div>
            <div v-if="!didSubmit">
                <div class="form-text-header">Enter new password</div>
                <div class="form-subtitle">Please enter your new password below</div>

                <div class="input-section-container">
                    <div class="input-label">New Password</div>
                    <div class="input-container">
                        <div class="input-wrapper">
                            <input
                                autocomplete="current-password"
                                class="input"
                                type="password"
                                name="password"
                                placeholder="Password"
                                v-model="password"
                            />
                        </div>
                    </div>
                </div>

                <div class="button-container">
                    <button v-on:click="onSubmitClicked" class="form-button">Change Password</button>
                </div>
            </div>
        </div>
        <div v-else class="form-content-container">
            <div v-if="error" class="top-error-container">
                <div class="error-message">{{ errorMessage }}</div>
            </div>
            <div v-if="!didSubmit">
                <div class="form-text-header">Reset your password</div>
                <div class="form-subtitle">We will send you an email to reset your password</div>

                <div class="input-section-container">
                    <div class="input-label">Email</div>
                    <div class="input-container">
                        <div class="input-wrapper">
                            <input autocomplete="email" class="input" type="email" name="email" v-model="email" />
                        </div>
                    </div>
                </div>

                <div class="button-container">
                    <button v-on:click="onSubmitClicked" class="form-button">Email Me</button>
                </div>
            </div>
            <div v-else>
                <div class="confirmation">
                    Please check your email for the password recovery link
                    <span class="resend-button" v-on:click="onSubmitClicked">Resend</span>
                </div>
            </div>
        </div>
    </div>
</div>