1 files changed, 22 insertions, 1 deletions
diff --git a/front-end/src/App.vue b/front-end/src/App.vue
index da1b914..d6ac36f 100644
--- a/front-end/src/App.vue
+++ b/front-end/src/App.vue
@@ -1,6 +1,9 @@
 <template>
+  <head>
+    <title>{{ metaTile }}</title>
+  </head>
   <!-- Import environment component top level as the entrypoint -->
-  <Environment>
+  <Environment @logout="store.socialOauth.logout">
     <template #main>
       <router-view />
     </template>
@@ -8,6 +11,24 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue';
+import { useStore } from './store';
+import { storeToRefs } from 'pinia';
 import Environment from './bootstrap/Environment.vue';
 
+const store = useStore()
+const { siteTitle, pageTitle } = storeToRefs(store)
+
+//Compute meta title from the default site title and the page title
+const metaTile = computed(() => `${pageTitle.value} | ${siteTitle.value}`)
+
+store.setSiteTitle('CMNext Admin')
+store.setPageTitle('Blog')
+
+//Set header routes
+store.setHeaderRouteNames(
+  ['Login'],
+  ['Blog', 'Account', 'Login']
+)
+
 </script>
 \ No newline at end of file