add metadata to all other pages

eosnetworkfoundation · May 18, 2023 · 613bd38 · 613bd38
1 parent dd47486
commit 613bd38
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 2 deletions.
diff --git a/frontend/pages/course/_id.vue b/frontend/pages/course/_id.vue
@@ -80,7 +80,7 @@ export default {
   },
   head() {
     return {
-      title: this.selectedCourse.title,
+      title: `EOS Learn - ${this.selectedCourse.title}`,
       meta: [
         { hid: 'description', name: 'description', content: this.selectedCourse.description },
         { hid: 'og:title', property: 'og:title', content: this.selectedCourse.title },

diff --git a/frontend/pages/course/_id/episode/_episode.vue b/frontend/pages/course/_id/episode/_episode.vue
@@ -58,7 +58,7 @@ export default {
   },
   head() {
     return {
-      title: this.selectedCourse.title,
+      title: `EOS Learn - ${this.episode.title}`,
       meta: [
         { hid: 'description', name: 'description', content: this.episode.description },
         { hid: 'og:title', property: 'og:title', content: this.episode.title },

diff --git a/frontend/pages/earn/index.vue b/frontend/pages/earn/index.vue
@@ -27,6 +27,9 @@
 <script>
 export default {
   name: 'Earn',
+  head() {
+    return this.$common.head;
+  },
   data(){return {
     panels:[
       // {

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
@@ -18,6 +18,9 @@ export default {
     courses: {},
     continueWatching:[],
   }},
+  head() {
+    return this.$common.head;
+  },
   computed:{
     leftOverCourses(){
       if(!this.courses || !this.courses.courses || !this.courses.courses.length){

diff --git a/frontend/pages/profile/_id.vue b/frontend/pages/profile/_id.vue
@@ -60,6 +60,9 @@ export default {
     profile: null,
     progresses:[]
   }},
+  head() {
+    return this.$common.head;
+  },
   methods:{
     goToCourse(course){
       this.$router.push(`/course/${course.slug}`)

diff --git a/frontend/plugins/common.ts b/frontend/plugins/common.ts
@@ -24,6 +24,21 @@ export default (context, inject) => {
           location.href = redirectUrl;
         }
       }
+    },
+    head(){
+      const description = `Watch video courses on blockchain development for the EOS Network`;
+      const title = `Learn EOS Blockchain Development`;
+      return {
+        title: `EOS Learn`,
+        meta: [
+          { hid: 'description', name: 'description', content: description },
+          { hid: 'og:title', property: 'og:title', content: title },
+          { hid: 'og:description', property: 'og:description', content: description },
+          { hid: 'twitter:title', name: 'twitter:title', content: title },
+          { hid: 'twitter:description', name: 'twitter:description', content: description },
+          { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' }
+        ],
+      };
     }
   });
 }