First, we create a Vue-CLI project, with the basic configurations, and the additional CSS pre-processor node-sass. Then, we were able to add the Buefy framework to our project, using Vue-CLI and the Buefy plugin. Using the Buefy framework, we created a layout page component, with a header menu component and a footer component.
For the page, we used the Bulma CSS container structure to define our page, and place our user registration form on a default grid size. Then, we added the hero section component, for the page identification, and finally, we created the user registration form and inputs.
Here is a screenshot of the final project up and running:
