From 9d1c106a7631f696c9822bada5acf79ed79af7dc Mon Sep 17 00:00:00 2001
From: Infinity-chakra <serene.dream218@outlook.com>
Date: Sat, 13 Jul 2024 04:37:08 -0400
Subject: [PATCH 1/2] Change the message on nav-bar

---
 src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 5c61ff9..3d829db 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,7 +17,7 @@ const dateClicked = (date: string) => {
 <template>
   <b-row >
     <b-col cols="12" class="bg-secondary text-white col-xxl-2">
-      <side-nav msg="Calendar">
+      <side-nav msg="FullCalendar with Vue 3">
         <template v-slot:content>
           <vue-date-picker
             v-model="date"

From 28c035a0294f77d9825ecc27aef0cf50194aaa4d Mon Sep 17 00:00:00 2001
From: Magic Sky <146746648+YSHgroup@users.noreply.github.com>
Date: Sat, 13 Jul 2024 04:50:38 -0400
Subject: [PATCH 2/2] Add the afterEach method to router to auto-change title

---
 src/router/index.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/router/index.ts b/src/router/index.ts
index d58a54e..5c40aa3 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,8 @@
 import { createRouter, createWebHistory } from 'vue-router'
+import { nextTick } from 'vue'
 import routes from './routes'
 
+const BASE_TITLE = "Calendar - Vue3"
 const router = createRouter({
   scrollBehavior: () => ({top: 0, left: 0}),
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -14,4 +16,14 @@ router.beforeEach((to, from, next) => {
   next()
 })
 
+router.afterEach(( to, from )=>{
+  if(to.meta.title) {
+    nextTick(() => {
+      document.title = `${to.meta.title} | ${BASE_TITLE}`
+    })
+  } else {
+    document.title = BASE_TITLE
+  }
+})
+
 export default router