Merge pull request #7 from YSHgroup/feature/seo

Merge Feature/seo into main

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"

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