Implement Breadcrumbs & Document Title

Author: lcharette

app/assets/router/index.ts

@@ -21,7 +21,8 @@ const router = createRouter({
                     meta: {
                         auth: {
                             redirect: { name: 'account.login' }
-                        }
+                        },
+                        title: 'About'
                     },
                     component: () => import('../views/AboutView.vue')
                 },
@@ -32,7 +33,10 @@ const router = createRouter({
         {
             path: '/admin',
             component: () => import('../layouts/LayoutDashboard.vue'),
-            children: [...AdminRoutes]
+            children: [...AdminRoutes],
+            meta: {
+                title: 'Admin'
+            }
         }
     ]
 })

app/assets/views/AboutView.vue

@@ -1,3 +1,13 @@
+<script setup lang="ts">
+import { onMounted } from 'vue'
+import { usePageMeta } from '@userfrosting/sprinkle-core/composables'
+const page = usePageMeta()
+
+// Hide the title on this page
+onMounted(() => {
+    page.hideTitle = true
+})
+</script>
 <template>
     <h1>This is an about page</h1>
     <p>