refactor(routing): update title formating

Author: natedunn

src/router/index.ts

@@ -29,7 +29,7 @@ router.beforeEach((to, from, next) => {
   // const previousNearestWithMeta = from.matched.slice().reverse().find(r => r.meta && r.meta.metaTags);
 
   // If a route with a title was found, set the document (page) title to that value.
-  if(nearestWithTitle) document.title = nearestWithTitle.meta.title;
+  if(nearestWithTitle) document.title = to.path !== '/' ? `${nearestWithTitle.meta.title} | Vue Zephyr` : nearestWithTitle.meta.title;
   if(!nearestWithTitle) document.title = 'Vue Zephyr'; // Fall back if there is no title set
 
   // Remove any stale meta tags from the document using the key attribute we set below.

src/views/pages/docs/anchor.vue

@@ -255,15 +255,15 @@ export default defineComponent({
 {
   "name": "anchor",
   "meta": {
-    "title": "Anchor | Vue Zephyr",
+    "title": "Anchor",
     "metaTags": [
       {
         "property": "og:title",
-        "content": "Anchor | Vue Zephyr"
+        "content": "Anchor"
       },
       {
         "name": "twitter:title",
-        "content": "Anchor | Vue Zephyr"
+        "content": "Anchor"
       },
       {
         "name": "description",

src/views/pages/docs/button.vue

@@ -292,15 +292,15 @@ export default defineComponent({
 {
   "name": "button",
   "meta": {
-    "title": "Button | Vue Zephyr",
+    "title": "Button",
     "metaTags": [
       {
         "property": "og:title",
-        "content": "Button | Vue Zephyr"
+        "content": "Button"
       },
       {
         "name": "twitter:title",
-        "content": "Button | Vue Zephyr"
+        "content": "Button"
       },
       {
         "name": "description",

src/views/pages/docs/dropdown.vue

@@ -528,15 +528,15 @@ export default defineComponent({
 {
   "name": "dropdown",
   "meta": {
-    "title": "Dropdown | Vue Zephyr",
+    "title": "Dropdown",
     "metaTags": [
       {
         "property": "og:title",
-        "content": "Dropdown | Vue Zephyr"
+        "content": "Dropdown"
       },
       {
         "name": "twitter:title",
-        "content": "Dropdown | Vue Zephyr"
+        "content": "Dropdown"
       },
       {
         "name": "description",

src/views/pages/docs/guides.vue

@@ -57,15 +57,15 @@ export default defineComponent({
 {
   "name": "guides",
   "meta": {
-    "title": "Guides (coming soon) | Vue Zephyr",
+    "title": "Guides (coming soon)",
     "metaTags": [
       {
         "property": "og:title",
-        "content": "Guides (coming soon) | Vue Zephyr"
+        "content": "Guides (coming soon)"
       },
       {
         "name": "twitter:title",
-        "content": "Guides (coming soon) | Vue Zephyr"
+        "content": "Guides (coming soon)"
       },
       {
         "name": "description",

src/views/pages/docs/install.vue

@@ -133,15 +133,15 @@ export default defineComponent({
 {
   "name": "install",
   "meta": {
-    "title": "Installation | Vue Zephyr",
+    "title": "Installation",
     "metaTags": [
       {
         "property": "og:title",
-        "content": "Installation | Vue Zephyr"
+        "content": "Installation"
       },
       {
         "name": "twitter:title",
-        "content": "Installation | Vue Zephyr"
+        "content": "Installation"
       },
       {
         "name": "description",

src/views/pages/docs/prose.vue

@@ -47,15 +47,15 @@ export default defineComponent({
 {
   "name": "prose",
   "meta": {
-    "title": "Prose | Vue Zephyr",
+    "title": "Prose",
     "metaTags": [
       {
         "property": "og:title",
-        "content": "Prose | Vue Zephyr"
+        "content": "Prose"
       },
       {
         "name": "twitter:title",
-        "content": "Prose | Vue Zephyr"
+        "content": "Prose"
       },
       {
         "name": "description",

src/views/pages/docs/starter.vue

@@ -16,7 +16,7 @@ export default defineComponent({
 {
   "name": "starter",
   "meta": {
-    "title": "Starter | Vue Zephyr",
+    "title": "Starter",
     "metaTags": [
       {
         "property": "og:title",

src/views/pages/docs/table.vue

@@ -45,15 +45,15 @@ export default defineComponent({
 {
   "name": "table",
   "meta": {
-    "title": "Table | Vue Zephyr",
+    "title": "Table",
     "metaTags": [
       {
         "property": "og:title",
-        "content": "Table | Vue Zephyr"
+        "content": "Table"
       },
       {
         "name": "twitter:title",
-        "content": "Table | Vue Zephyr"
+        "content": "Table"
       },
       {
         "name": "description",

src/views/pages/docs/theming.vue

@@ -36,7 +36,7 @@ export default defineComponent({
 {
   "name": "theming",
   "meta": {
-    "title": "Theming | Vue Zephyr",
+    "title": "Theming",
     "metaTags": [
       {
         "property": "og:title",

src/views/pages/guides/index.vue

@@ -45,15 +45,15 @@ export default defineComponent({
 {
   "name": "guides-redirect",
   "meta": {
-    "title": "Redirect | Vue Zephyr",
+    "title": "Redirect",
     "metaTags": [
       {
         "property": "og:title",
-        "content": "Redirect | Vue Zephyr"
+        "content": "Redirect"
       },
       {
         "name": "twitter:title",
-        "content": "Redirect | Vue Zephyr"
+        "content": "Redirect"
       },
       {
         "name": "description",