Stored by Vue Play

Author: Vue Play

package.json

@@ -13,7 +13,8 @@
         "socket.io-client": "^4.7.4",
         "@feathersjs/client": "^5.0.22",
         "moment": "^2.30.1",
-        "highlight.js": "^11.9.0"
+        "highlight.js": "^11.9.0",
+        "@unhead/vue": "^2.0.0-rc.13"
     },
     "devDependencies": {
         "@jscomponent/rollup": "^1.0.4",

src/views/About.vue

@@ -357,6 +357,40 @@
 			open(url) {
 				location.href = url;
 			}
+		},
+		head() {
+			return {
+				title: 'About',
+				titleTemplate: '%s | Health Tips',
+				meta: [{
+					property: 'og:title',
+					content: 'My Awesome About'
+				}, {
+					property: 'og:description',
+					content: 'This is an amazing website!'
+				}, {
+					property: 'og:image',
+					content: 'https://example.com/image.jpg'
+				}, {
+					property: 'og:url',
+					content: 'https://example.com/page'
+				}, {
+					property: 'og:type',
+					content: 'website'
+				}, {
+					name: 'twitter:card',
+					content: 'summary_large_image'
+				}, {
+					name: 'twitter:title',
+					content: 'My Awesome Page'
+				}, {
+					name: 'twitter:description',
+					content: 'This is an amazing website!'
+				}, {
+					name: 'twitter:image',
+					content: 'https://example.com/image.jpg'
+				}]
+			};
 		}
 	};
 

src/views/Pricing.vue

@@ -75,6 +75,23 @@
 			open(url) {
 				location.href = url;
 			}
+		},
+		head() {
+			return {
+				title: 'Pricing',
+				titleTemplate: '%s | Health Tips',
+				meta: [
+					{ property: 'og:title', content: 'My Awesome Pricing' },
+					{ property: 'og:description', content: 'This is an amazing website!' },
+					{ property: 'og:image', content: 'https://example.com/image.jpg' },
+					{ property: 'og:url', content: 'https://example.com/page' },
+					{ property: 'og:type', content: 'website' },
+					{ name: 'twitter:card', content: 'summary_large_image' },
+					{ name: 'twitter:title', content: 'My Awesome Page' },
+					{ name: 'twitter:description', content: 'This is an amazing website!' },
+					{ name: 'twitter:image', content: 'https://example.com/image.jpg' }
+				]
+			}
 		}
 	};