Building the admin panel components

The admin panel section of our app is going to be a little different to what we've done so far, whereby we have a distinct page of the application for each feature. Instead, we're going to define a single entry point route definition, which contains a collection of nested routes for each section of the admin panel.

This should make more sense when we take a look at the template section of a new page-level component that we need to make. It belongs in the ClientApp/pages/admin/Index.vue file and looks like this:

<template>
  <b-containerclass="page pt-4">
    <b-row>
      <b-colcols="3">
        <b-list-group>
          <b-list-group-itemto="/admin/orders">
            <iclass="fas fa-shopping-cart mr-2"></i>
            Orders
          </b-list-group-item>
          <b-list-group-itemto="/admin/products">
            <iclass="fas fa-mobile mr-2"></i>
            Products
         ...