Writing page components

Now let's start adding pages to our Vue.js application particularly for admins:

1. In the views directory, create a new folder and name it AdminDashboard. Create DefaultContent.vue, the page for AdminDashboard. The DefaultContent page will be the default content of the application when a user goes to the /admin-dashboard page. Here is the code for DefaultContent.vue:

   <template>
     <div>
       <div>
         <div class="text-h2 my-4">DefaultContent</div>
       </div>
     </div>
   </template>
   <script>
   export default {
     name: "DefaultContent",
   };
   </script>

   The code is simple enough to show a proof of concept that we can navigate to this page using the /admin-dashboard path with text on the browser's screen. We will update this in the upcoming chapters.

2. Create another Vue component...