Building Applications with Spring 5 and Vue.js 2

Implement the UI

Now, if you run the npm test command, you can see we have a failed test. Let's write RegisterPage.vue to make the test pass.

The following code is the <template> section of RegisterPage.vue. Some details are excluded here for the sake of brevity:

<template>  <div class="container">    <div class="row justify-content-center">      <div class="register-form">        <div class="logo-wrapper">...</div>        <form>          <div class="form-group"></div>          <div class="form-group"></div>          <div class="form-group"></div>          <button type="submit" class="btn btn-primary btn-block">          </button>          ...         </form>      </div>    </div>    <footer class="footer">      <span class="copyright">...</span>      <ul class="footer-links list-inline float-right">...</ul>    </footer>  </div></template>

As you ...