refactor(routing): update title formating

natedunn · natedunn · commit d5a6c1fb0196 · 2021-01-21T17:36:51.000-06:00
diff --git a/src/router/index.ts b/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.
diff --git a/src/views/pages/docs/anchor.vue b/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",
diff --git a/src/views/pages/docs/button.vue b/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",
diff --git a/src/views/pages/docs/dropdown.vue b/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",
diff --git a/src/views/pages/docs/guides.vue b/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",
diff --git a/src/views/pages/docs/install.vue b/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",
diff --git a/src/views/pages/docs/prose.vue b/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",
diff --git a/src/views/pages/docs/starter.vue b/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",
diff --git a/src/views/pages/docs/table.vue b/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",
diff --git a/src/views/pages/docs/theming.vue b/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",
diff --git a/src/views/pages/guides/index.vue b/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",

Original file line number	Diff line number	Diff line change
`@@ -255,15 +255,15 @@ export default defineComponent({`
`255`	`255`	`{`
`256`	`256`	`"name": "anchor",`
`257`	`257`	`"meta": {`
`258`		`- "title": "Anchor \| Vue Zephyr",`
	`258`	`+ "title": "Anchor",`
`259`	`259`	`"metaTags": [`
`260`	`260`	`{`
`261`	`261`	`"property": "og:title",`
`262`		`- "content": "Anchor \| Vue Zephyr"`
	`262`	`+ "content": "Anchor"`
`263`	`263`	`},`
`264`	`264`	`{`
`265`	`265`	`"name": "twitter:title",`
`266`		`- "content": "Anchor \| Vue Zephyr"`
	`266`	`+ "content": "Anchor"`
`267`	`267`	`},`
`268`	`268`	`{`
`269`	`269`	`"name": "description",`
Original file line number	Diff line number	Diff line change
`@@ -292,15 +292,15 @@ export default defineComponent({`
`292`	`292`	`{`
`293`	`293`	`"name": "button",`
`294`	`294`	`"meta": {`
`295`		`- "title": "Button \| Vue Zephyr",`
	`295`	`+ "title": "Button",`
`296`	`296`	`"metaTags": [`
`297`	`297`	`{`
`298`	`298`	`"property": "og:title",`
`299`		`- "content": "Button \| Vue Zephyr"`
	`299`	`+ "content": "Button"`
`300`	`300`	`},`
`301`	`301`	`{`
`302`	`302`	`"name": "twitter:title",`
`303`		`- "content": "Button \| Vue Zephyr"`
	`303`	`+ "content": "Button"`
`304`	`304`	`},`
`305`	`305`	`{`
`306`	`306`	`"name": "description",`
Original file line number	Diff line number	Diff line change
`@@ -528,15 +528,15 @@ export default defineComponent({`
`528`	`528`	`{`
`529`	`529`	`"name": "dropdown",`
`530`	`530`	`"meta": {`
`531`		`- "title": "Dropdown \| Vue Zephyr",`
	`531`	`+ "title": "Dropdown",`
`532`	`532`	`"metaTags": [`
`533`	`533`	`{`
`534`	`534`	`"property": "og:title",`
`535`		`- "content": "Dropdown \| Vue Zephyr"`
	`535`	`+ "content": "Dropdown"`
`536`	`536`	`},`
`537`	`537`	`{`
`538`	`538`	`"name": "twitter:title",`
`539`		`- "content": "Dropdown \| Vue Zephyr"`
	`539`	`+ "content": "Dropdown"`
`540`	`540`	`},`
`541`	`541`	`{`
`542`	`542`	`"name": "description",`
Original file line number	Diff line number	Diff line change
`@@ -57,15 +57,15 @@ export default defineComponent({`
`57`	`57`	`{`
`58`	`58`	`"name": "guides",`
`59`	`59`	`"meta": {`
`60`		`- "title": "Guides (coming soon) \| Vue Zephyr",`
	`60`	`+ "title": "Guides (coming soon)",`
`61`	`61`	`"metaTags": [`
`62`	`62`	`{`
`63`	`63`	`"property": "og:title",`
`64`		`- "content": "Guides (coming soon) \| Vue Zephyr"`
	`64`	`+ "content": "Guides (coming soon)"`
`65`	`65`	`},`
`66`	`66`	`{`
`67`	`67`	`"name": "twitter:title",`
`68`		`- "content": "Guides (coming soon) \| Vue Zephyr"`
	`68`	`+ "content": "Guides (coming soon)"`
`69`	`69`	`},`
`70`	`70`	`{`
`71`	`71`	`"name": "description",`
Original file line number	Diff line number	Diff line change
`@@ -133,15 +133,15 @@ export default defineComponent({`
`133`	`133`	`{`
`134`	`134`	`"name": "install",`
`135`	`135`	`"meta": {`
`136`		`- "title": "Installation \| Vue Zephyr",`
	`136`	`+ "title": "Installation",`
`137`	`137`	`"metaTags": [`
`138`	`138`	`{`
`139`	`139`	`"property": "og:title",`
`140`		`- "content": "Installation \| Vue Zephyr"`
	`140`	`+ "content": "Installation"`
`141`	`141`	`},`
`142`	`142`	`{`
`143`	`143`	`"name": "twitter:title",`
`144`		`- "content": "Installation \| Vue Zephyr"`
	`144`	`+ "content": "Installation"`
`145`	`145`	`},`
`146`	`146`	`{`
`147`	`147`	`"name": "description",`
Original file line number	Diff line number	Diff line change
`@@ -47,15 +47,15 @@ export default defineComponent({`
`47`	`47`	`{`
`48`	`48`	`"name": "prose",`
`49`	`49`	`"meta": {`
`50`		`- "title": "Prose \| Vue Zephyr",`
	`50`	`+ "title": "Prose",`
`51`	`51`	`"metaTags": [`
`52`	`52`	`{`
`53`	`53`	`"property": "og:title",`
`54`		`- "content": "Prose \| Vue Zephyr"`
	`54`	`+ "content": "Prose"`
`55`	`55`	`},`
`56`	`56`	`{`
`57`	`57`	`"name": "twitter:title",`
`58`		`- "content": "Prose \| Vue Zephyr"`
	`58`	`+ "content": "Prose"`
`59`	`59`	`},`
`60`	`60`	`{`
`61`	`61`	`"name": "description",`
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ export default defineComponent({`
`16`	`16`	`{`
`17`	`17`	`"name": "starter",`
`18`	`18`	`"meta": {`
`19`		`- "title": "Starter \| Vue Zephyr",`
	`19`	`+ "title": "Starter",`
`20`	`20`	`"metaTags": [`
`21`	`21`	`{`
`22`	`22`	`"property": "og:title",`
Original file line number	Diff line number	Diff line change
`@@ -45,15 +45,15 @@ export default defineComponent({`
`45`	`45`	`{`
`46`	`46`	`"name": "table",`
`47`	`47`	`"meta": {`
`48`		`- "title": "Table \| Vue Zephyr",`
	`48`	`+ "title": "Table",`
`49`	`49`	`"metaTags": [`
`50`	`50`	`{`
`51`	`51`	`"property": "og:title",`
`52`		`- "content": "Table \| Vue Zephyr"`
	`52`	`+ "content": "Table"`
`53`	`53`	`},`
`54`	`54`	`{`
`55`	`55`	`"name": "twitter:title",`
`56`		`- "content": "Table \| Vue Zephyr"`
	`56`	`+ "content": "Table"`
`57`	`57`	`},`
`58`	`58`	`{`
`59`	`59`	`"name": "description",`
Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@ export default defineComponent({`
`36`	`36`	`{`
`37`	`37`	`"name": "theming",`
`38`	`38`	`"meta": {`
`39`		`- "title": "Theming \| Vue Zephyr",`
	`39`	`+ "title": "Theming",`
`40`	`40`	`"metaTags": [`
`41`	`41`	`{`
`42`	`42`	`"property": "og:title",`