Cleaning up and reorganizing

As you can see, the auto-generated Vue application contains code examples, which we don't need. Let's clean them up before committing to the repository.

Let's start from App.vue by removing the <img> tag and the #app CSS inside <style>, making the file look like this:

<template>  <div id="app">    <router-view/>  </div></template><script>export default {  name: 'App'}</script><style></style>

In the future, we will add global styles inside the <style> tag of App.vue.

Now, let's delete components/HelloWorld.vue, views/About.vue, and views/Home.vue. Once these files are deleted, and if you have the frontend running, the webpack will complain about this deletion. And, you can see an error message: Failed to compile with ...

Get Building Applications with Spring 5 and Vue.js 2 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.