From 3df595b8c55af0d76065c99067c63259274f93b2 Mon Sep 17 00:00:00 2001
From: tutaru99 <simas.raudonis@gmail.com>
Date: Tue, 2 Jul 2024 09:48:23 +0200
Subject: [PATCH 1/2] OS2UOL-128: SEO/OpenGraph added to all pages

---
 components/views/courseView.vue           | 260 ++++++++++++++++++++--
 components/views/course_educatorsView.vue | 259 +++++++++++++++++++--
 components/views/exerciseView.vue         | 259 +++++++++++++++++++--
 components/views/internshipView.vue       | 259 +++++++++++++++++++--
 components/views/newsView.vue             | 259 +++++++++++++++++++--
 components/views/pageView.vue             | 259 ++++++++++++++++++++-
 components/views/userView.vue             | 259 ++++++++++++++++++++-
 pages/[...slug].vue                       |  37 +--
 8 files changed, 1733 insertions(+), 118 deletions(-)

diff --git a/components/views/courseView.vue b/components/views/courseView.vue
index e48270b..5075ba1 100644
--- a/components/views/courseView.vue
+++ b/components/views/courseView.vue
@@ -22,27 +22,259 @@ const props = defineProps({
   },
 });
 
-const robots = ref(
-  props.data?.field_meta_tags?.html_head?.robots?.attributes?.content,
-);
-
-const seoPageContent = ref(
-  props.data?.field_meta_tags?.html_head?.description?.attributes?.content,
-);
-
+const openGraph = ref(props.data?.field_meta_tags?.html_head);
 useHead({
-  title:
-    props?.data?.field_meta_tags?.html_head?.title?.attributes?.content ||
-    props.data?.field_name,
+  title: openGraph.value.title?.attributes?.content,
   meta: [
     {
       name: 'description',
-      content: seoPageContent.value,
+      content: openGraph.value.description?.attributes?.content,
+    },
+    { name: 'robots', content: openGraph.value.robots?.attributes?.content },
+    {
+      name: 'abstract',
+      content: openGraph.value.abstract?.attributes?.content,
+    },
+    {
+      name: 'keywords',
+      content: openGraph.value.keywords?.attributes?.content,
+    },
+    {
+      property: 'og:description',
+      content: openGraph.value.og_description?.attributes?.content,
+    },
+    {
+      property: 'og:image',
+      content: openGraph.value.og_image_0?.attributes?.content,
+    },
+    {
+      property: 'og:site_name',
+      content: openGraph.value.og_site_name?.attributes?.content,
+    },
+    {
+      property: 'og:title',
+      content: openGraph.value.og_title?.attributes?.content,
+    },
+    {
+      property: 'og:url',
+      content: openGraph.value.og_url?.attributes?.content,
+    },
+    {
+      property: 'og:type',
+      content: openGraph.value.og_type?.attributes?.content,
+    },
+    {
+      property: 'og:determiner',
+      content: openGraph.value.og_determiner?.attributes?.content,
+    },
+    {
+      property: 'article:author',
+      content: openGraph.value.article_author_0?.attributes?.content,
+    },
+    {
+      property: 'article:expiration_time',
+      content: openGraph.value.article_expiration_time?.attributes?.content,
+    },
+    {
+      property: 'article:modified_time',
+      content: openGraph.value.article_modified_time?.attributes?.content,
+    },
+    {
+      property: 'article:published_time',
+      content: openGraph.value.article_published_time?.attributes?.content,
+    },
+    {
+      property: 'article:publisher',
+      content: openGraph.value.article_publisher?.attributes?.content,
+    },
+    {
+      property: 'article:section',
+      content: openGraph.value.article_section?.attributes?.content,
+    },
+    {
+      property: 'article:tag',
+      content: openGraph.value.article_tag_0?.attributes?.content,
+    },
+    {
+      property: 'book:author',
+      content: openGraph.value.book_author_0?.attributes?.content,
+    },
+    {
+      property: 'book:isbn',
+      content: openGraph.value.book_isbn?.attributes?.content,
+    },
+    {
+      property: 'book:release_date',
+      content: openGraph.value.book_release_date?.attributes?.content,
+    },
+    {
+      property: 'book:tag',
+      content: openGraph.value.book_tag_0?.attributes?.content,
+    },
+    {
+      property: 'og:audio',
+      content: openGraph.value.og_audio?.attributes?.content,
+    },
+    {
+      property: 'og:audio:secure_url',
+      content: openGraph.value.og_audio_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:audio:type',
+      content: openGraph.value.og_audio_type?.attributes?.content,
+    },
+    {
+      property: 'og:country-name',
+      content: openGraph.value.og_country_name?.attributes?.content,
+    },
+    {
+      property: 'og:email',
+      content: openGraph.value.og_email?.attributes?.content,
+    },
+    {
+      property: 'og:fax_number',
+      content: openGraph.value.og_fax_number?.attributes?.content,
+    },
+    {
+      property: 'og:image:alt',
+      content: openGraph.value.og_image_alt?.attributes?.content,
+    },
+    {
+      property: 'og:image:height',
+      content: openGraph.value.og_image_height?.attributes?.content,
+    },
+    {
+      property: 'og:image:secure_url',
+      content: openGraph.value.og_image_secure_url_0?.attributes?.content,
     },
     {
-      name: 'robots',
-      content: robots.value,
+      property: 'og:image:type',
+      content: openGraph.value.og_image_type?.attributes?.content,
     },
+    {
+      property: 'og:image:url',
+      content: openGraph.value.og_image_url_0?.attributes?.content,
+    },
+    {
+      property: 'og:image:width',
+      content: openGraph.value.og_image_width?.attributes?.content,
+    },
+    {
+      property: 'og:latitude',
+      content: openGraph.value.og_latitude?.attributes?.content,
+    },
+    {
+      property: 'og:locale',
+      content: openGraph.value.og_locale?.attributes?.content,
+    },
+    {
+      property: 'og:locale:alternative',
+      content: openGraph.value.og_locale_alternative_0?.attributes?.content,
+    },
+    {
+      property: 'og:locality',
+      content: openGraph.value.og_locality?.attributes?.content,
+    },
+    {
+      property: 'og:longitude',
+      content: openGraph.value.og_longitude?.attributes?.content,
+    },
+    {
+      property: 'og:phone_number',
+      content: openGraph.value.og_phone_number?.attributes?.content,
+    },
+    {
+      property: 'og:postal_code',
+      content: openGraph.value.og_postal_code?.attributes?.content,
+    },
+    {
+      property: 'og:region',
+      content: openGraph.value.og_region?.attributes?.content,
+    },
+    {
+      property: 'og:see_also',
+      content: openGraph.value.og_see_also?.attributes?.content,
+    },
+    {
+      property: 'og:street_address',
+      content: openGraph.value.og_street_address?.attributes?.content,
+    },
+    {
+      property: 'og:updated_time',
+      content: openGraph.value.og_updated_time?.attributes?.content,
+    },
+    {
+      property: 'og:video',
+      content: openGraph.value.og_video_0?.attributes?.content,
+    },
+    {
+      property: 'og:video:duration',
+      content: openGraph.value.og_video_duration?.attributes?.content,
+    },
+    {
+      property: 'og:video:height',
+      content: openGraph.value.og_video_height?.attributes?.content,
+    },
+    {
+      property: 'og:video:secure_url',
+      content: openGraph.value.og_video_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:video:type',
+      content: openGraph.value.og_video_type?.attributes?.content,
+    },
+    {
+      property: 'og:video:width',
+      content: openGraph.value.og_video_width?.attributes?.content,
+    },
+    {
+      property: 'profile:first_name',
+      content: openGraph.value.profile_first_name?.attributes?.content,
+    },
+    {
+      property: 'profile:gender',
+      content: openGraph.value.profile_gender?.attributes?.content,
+    },
+    {
+      property: 'profile:last_name',
+      content: openGraph.value.profile_last_name?.attributes?.content,
+    },
+    {
+      property: 'profile:username',
+      content: openGraph.value.profile_username?.attributes?.content,
+    },
+    {
+      property: 'video:actor',
+      content: openGraph.value.video_actor_0?.attributes?.content,
+    },
+    {
+      property: 'video:actor:role',
+      content: openGraph.value.video_actor_role_0?.attributes?.content,
+    },
+    {
+      property: 'video:director',
+      content: openGraph.value.video_director_0?.attributes?.content,
+    },
+    {
+      property: 'video:release_date',
+      content: openGraph.value.video_release_date?.attributes?.content,
+    },
+    {
+      property: 'video:series',
+      content: openGraph.value.video_series?.attributes?.content,
+    },
+    {
+      property: 'video:tag',
+      content: openGraph.value.video_tag_0?.attributes?.content,
+    },
+    {
+      property: 'video:writer',
+      content: openGraph.value.video_writer_0?.attributes?.content,
+    },
+  ],
+  link: [
+    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
 
diff --git a/components/views/course_educatorsView.vue b/components/views/course_educatorsView.vue
index fe2b349..c6dc17a 100644
--- a/components/views/course_educatorsView.vue
+++ b/components/views/course_educatorsView.vue
@@ -22,27 +22,260 @@ const props = defineProps({
   },
 });
 
-const robots = ref(
-  props.data?.field_meta_tags?.html_head?.robots?.attributes?.content,
-);
-
-const seoPageContent = ref(
-  props.data?.field_meta_tags?.html_head?.description?.attributes?.content,
-);
+const openGraph = ref(props.data?.field_meta_tags?.html_head);
 
 useHead({
-  title:
-    props?.data?.field_meta_tags?.html_head?.title?.attributes?.content ||
-    props.data?.field_name,
+  title: openGraph.value.title?.attributes?.content,
   meta: [
     {
       name: 'description',
-      content: seoPageContent.value,
+      content: openGraph.value.description?.attributes?.content,
+    },
+    { name: 'robots', content: openGraph.value.robots?.attributes?.content },
+    {
+      name: 'abstract',
+      content: openGraph.value.abstract?.attributes?.content,
+    },
+    {
+      name: 'keywords',
+      content: openGraph.value.keywords?.attributes?.content,
+    },
+    {
+      property: 'og:description',
+      content: openGraph.value.og_description?.attributes?.content,
+    },
+    {
+      property: 'og:image',
+      content: openGraph.value.og_image_0?.attributes?.content,
+    },
+    {
+      property: 'og:site_name',
+      content: openGraph.value.og_site_name?.attributes?.content,
+    },
+    {
+      property: 'og:title',
+      content: openGraph.value.og_title?.attributes?.content,
+    },
+    {
+      property: 'og:url',
+      content: openGraph.value.og_url?.attributes?.content,
+    },
+    {
+      property: 'og:type',
+      content: openGraph.value.og_type?.attributes?.content,
+    },
+    {
+      property: 'og:determiner',
+      content: openGraph.value.og_determiner?.attributes?.content,
+    },
+    {
+      property: 'article:author',
+      content: openGraph.value.article_author_0?.attributes?.content,
+    },
+    {
+      property: 'article:expiration_time',
+      content: openGraph.value.article_expiration_time?.attributes?.content,
+    },
+    {
+      property: 'article:modified_time',
+      content: openGraph.value.article_modified_time?.attributes?.content,
+    },
+    {
+      property: 'article:published_time',
+      content: openGraph.value.article_published_time?.attributes?.content,
+    },
+    {
+      property: 'article:publisher',
+      content: openGraph.value.article_publisher?.attributes?.content,
+    },
+    {
+      property: 'article:section',
+      content: openGraph.value.article_section?.attributes?.content,
+    },
+    {
+      property: 'article:tag',
+      content: openGraph.value.article_tag_0?.attributes?.content,
+    },
+    {
+      property: 'book:author',
+      content: openGraph.value.book_author_0?.attributes?.content,
+    },
+    {
+      property: 'book:isbn',
+      content: openGraph.value.book_isbn?.attributes?.content,
+    },
+    {
+      property: 'book:release_date',
+      content: openGraph.value.book_release_date?.attributes?.content,
+    },
+    {
+      property: 'book:tag',
+      content: openGraph.value.book_tag_0?.attributes?.content,
+    },
+    {
+      property: 'og:audio',
+      content: openGraph.value.og_audio?.attributes?.content,
+    },
+    {
+      property: 'og:audio:secure_url',
+      content: openGraph.value.og_audio_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:audio:type',
+      content: openGraph.value.og_audio_type?.attributes?.content,
+    },
+    {
+      property: 'og:country-name',
+      content: openGraph.value.og_country_name?.attributes?.content,
+    },
+    {
+      property: 'og:email',
+      content: openGraph.value.og_email?.attributes?.content,
+    },
+    {
+      property: 'og:fax_number',
+      content: openGraph.value.og_fax_number?.attributes?.content,
+    },
+    {
+      property: 'og:image:alt',
+      content: openGraph.value.og_image_alt?.attributes?.content,
+    },
+    {
+      property: 'og:image:height',
+      content: openGraph.value.og_image_height?.attributes?.content,
+    },
+    {
+      property: 'og:image:secure_url',
+      content: openGraph.value.og_image_secure_url_0?.attributes?.content,
     },
     {
-      name: 'robots',
-      content: robots.value,
+      property: 'og:image:type',
+      content: openGraph.value.og_image_type?.attributes?.content,
     },
+    {
+      property: 'og:image:url',
+      content: openGraph.value.og_image_url_0?.attributes?.content,
+    },
+    {
+      property: 'og:image:width',
+      content: openGraph.value.og_image_width?.attributes?.content,
+    },
+    {
+      property: 'og:latitude',
+      content: openGraph.value.og_latitude?.attributes?.content,
+    },
+    {
+      property: 'og:locale',
+      content: openGraph.value.og_locale?.attributes?.content,
+    },
+    {
+      property: 'og:locale:alternative',
+      content: openGraph.value.og_locale_alternative_0?.attributes?.content,
+    },
+    {
+      property: 'og:locality',
+      content: openGraph.value.og_locality?.attributes?.content,
+    },
+    {
+      property: 'og:longitude',
+      content: openGraph.value.og_longitude?.attributes?.content,
+    },
+    {
+      property: 'og:phone_number',
+      content: openGraph.value.og_phone_number?.attributes?.content,
+    },
+    {
+      property: 'og:postal_code',
+      content: openGraph.value.og_postal_code?.attributes?.content,
+    },
+    {
+      property: 'og:region',
+      content: openGraph.value.og_region?.attributes?.content,
+    },
+    {
+      property: 'og:see_also',
+      content: openGraph.value.og_see_also?.attributes?.content,
+    },
+    {
+      property: 'og:street_address',
+      content: openGraph.value.og_street_address?.attributes?.content,
+    },
+    {
+      property: 'og:updated_time',
+      content: openGraph.value.og_updated_time?.attributes?.content,
+    },
+    {
+      property: 'og:video',
+      content: openGraph.value.og_video_0?.attributes?.content,
+    },
+    {
+      property: 'og:video:duration',
+      content: openGraph.value.og_video_duration?.attributes?.content,
+    },
+    {
+      property: 'og:video:height',
+      content: openGraph.value.og_video_height?.attributes?.content,
+    },
+    {
+      property: 'og:video:secure_url',
+      content: openGraph.value.og_video_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:video:type',
+      content: openGraph.value.og_video_type?.attributes?.content,
+    },
+    {
+      property: 'og:video:width',
+      content: openGraph.value.og_video_width?.attributes?.content,
+    },
+    {
+      property: 'profile:first_name',
+      content: openGraph.value.profile_first_name?.attributes?.content,
+    },
+    {
+      property: 'profile:gender',
+      content: openGraph.value.profile_gender?.attributes?.content,
+    },
+    {
+      property: 'profile:last_name',
+      content: openGraph.value.profile_last_name?.attributes?.content,
+    },
+    {
+      property: 'profile:username',
+      content: openGraph.value.profile_username?.attributes?.content,
+    },
+    {
+      property: 'video:actor',
+      content: openGraph.value.video_actor_0?.attributes?.content,
+    },
+    {
+      property: 'video:actor:role',
+      content: openGraph.value.video_actor_role_0?.attributes?.content,
+    },
+    {
+      property: 'video:director',
+      content: openGraph.value.video_director_0?.attributes?.content,
+    },
+    {
+      property: 'video:release_date',
+      content: openGraph.value.video_release_date?.attributes?.content,
+    },
+    {
+      property: 'video:series',
+      content: openGraph.value.video_series?.attributes?.content,
+    },
+    {
+      property: 'video:tag',
+      content: openGraph.value.video_tag_0?.attributes?.content,
+    },
+    {
+      property: 'video:writer',
+      content: openGraph.value.video_writer_0?.attributes?.content,
+    },
+  ],
+  link: [
+    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
 
diff --git a/components/views/exerciseView.vue b/components/views/exerciseView.vue
index 216ef76..faf57f8 100644
--- a/components/views/exerciseView.vue
+++ b/components/views/exerciseView.vue
@@ -21,27 +21,260 @@ const props = defineProps({
   },
 });
 
-const robots = ref(
-  props.data?.field_meta_tags?.html_head?.robots?.attributes?.content,
-);
-
-const seoPageContent = ref(
-  props.data?.field_meta_tags?.html_head?.description?.attributes?.content,
-);
+const openGraph = ref(props.data?.field_meta_tags?.html_head);
 
 useHead({
-  title:
-    props?.data?.field_meta_tags?.html_head?.title?.attributes?.content ||
-    props.data?.field_name,
+  title: openGraph.value.title?.attributes?.content,
   meta: [
     {
       name: 'description',
-      content: seoPageContent.value,
+      content: openGraph.value.description?.attributes?.content,
+    },
+    { name: 'robots', content: openGraph.value.robots?.attributes?.content },
+    {
+      name: 'abstract',
+      content: openGraph.value.abstract?.attributes?.content,
+    },
+    {
+      name: 'keywords',
+      content: openGraph.value.keywords?.attributes?.content,
+    },
+    {
+      property: 'og:description',
+      content: openGraph.value.og_description?.attributes?.content,
+    },
+    {
+      property: 'og:image',
+      content: openGraph.value.og_image_0?.attributes?.content,
+    },
+    {
+      property: 'og:site_name',
+      content: openGraph.value.og_site_name?.attributes?.content,
+    },
+    {
+      property: 'og:title',
+      content: openGraph.value.og_title?.attributes?.content,
+    },
+    {
+      property: 'og:url',
+      content: openGraph.value.og_url?.attributes?.content,
+    },
+    {
+      property: 'og:type',
+      content: openGraph.value.og_type?.attributes?.content,
+    },
+    {
+      property: 'og:determiner',
+      content: openGraph.value.og_determiner?.attributes?.content,
+    },
+    {
+      property: 'article:author',
+      content: openGraph.value.article_author_0?.attributes?.content,
+    },
+    {
+      property: 'article:expiration_time',
+      content: openGraph.value.article_expiration_time?.attributes?.content,
+    },
+    {
+      property: 'article:modified_time',
+      content: openGraph.value.article_modified_time?.attributes?.content,
+    },
+    {
+      property: 'article:published_time',
+      content: openGraph.value.article_published_time?.attributes?.content,
+    },
+    {
+      property: 'article:publisher',
+      content: openGraph.value.article_publisher?.attributes?.content,
+    },
+    {
+      property: 'article:section',
+      content: openGraph.value.article_section?.attributes?.content,
+    },
+    {
+      property: 'article:tag',
+      content: openGraph.value.article_tag_0?.attributes?.content,
+    },
+    {
+      property: 'book:author',
+      content: openGraph.value.book_author_0?.attributes?.content,
+    },
+    {
+      property: 'book:isbn',
+      content: openGraph.value.book_isbn?.attributes?.content,
+    },
+    {
+      property: 'book:release_date',
+      content: openGraph.value.book_release_date?.attributes?.content,
+    },
+    {
+      property: 'book:tag',
+      content: openGraph.value.book_tag_0?.attributes?.content,
+    },
+    {
+      property: 'og:audio',
+      content: openGraph.value.og_audio?.attributes?.content,
+    },
+    {
+      property: 'og:audio:secure_url',
+      content: openGraph.value.og_audio_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:audio:type',
+      content: openGraph.value.og_audio_type?.attributes?.content,
+    },
+    {
+      property: 'og:country-name',
+      content: openGraph.value.og_country_name?.attributes?.content,
+    },
+    {
+      property: 'og:email',
+      content: openGraph.value.og_email?.attributes?.content,
+    },
+    {
+      property: 'og:fax_number',
+      content: openGraph.value.og_fax_number?.attributes?.content,
+    },
+    {
+      property: 'og:image:alt',
+      content: openGraph.value.og_image_alt?.attributes?.content,
+    },
+    {
+      property: 'og:image:height',
+      content: openGraph.value.og_image_height?.attributes?.content,
+    },
+    {
+      property: 'og:image:secure_url',
+      content: openGraph.value.og_image_secure_url_0?.attributes?.content,
     },
     {
-      name: 'robots',
-      content: robots.value,
+      property: 'og:image:type',
+      content: openGraph.value.og_image_type?.attributes?.content,
     },
+    {
+      property: 'og:image:url',
+      content: openGraph.value.og_image_url_0?.attributes?.content,
+    },
+    {
+      property: 'og:image:width',
+      content: openGraph.value.og_image_width?.attributes?.content,
+    },
+    {
+      property: 'og:latitude',
+      content: openGraph.value.og_latitude?.attributes?.content,
+    },
+    {
+      property: 'og:locale',
+      content: openGraph.value.og_locale?.attributes?.content,
+    },
+    {
+      property: 'og:locale:alternative',
+      content: openGraph.value.og_locale_alternative_0?.attributes?.content,
+    },
+    {
+      property: 'og:locality',
+      content: openGraph.value.og_locality?.attributes?.content,
+    },
+    {
+      property: 'og:longitude',
+      content: openGraph.value.og_longitude?.attributes?.content,
+    },
+    {
+      property: 'og:phone_number',
+      content: openGraph.value.og_phone_number?.attributes?.content,
+    },
+    {
+      property: 'og:postal_code',
+      content: openGraph.value.og_postal_code?.attributes?.content,
+    },
+    {
+      property: 'og:region',
+      content: openGraph.value.og_region?.attributes?.content,
+    },
+    {
+      property: 'og:see_also',
+      content: openGraph.value.og_see_also?.attributes?.content,
+    },
+    {
+      property: 'og:street_address',
+      content: openGraph.value.og_street_address?.attributes?.content,
+    },
+    {
+      property: 'og:updated_time',
+      content: openGraph.value.og_updated_time?.attributes?.content,
+    },
+    {
+      property: 'og:video',
+      content: openGraph.value.og_video_0?.attributes?.content,
+    },
+    {
+      property: 'og:video:duration',
+      content: openGraph.value.og_video_duration?.attributes?.content,
+    },
+    {
+      property: 'og:video:height',
+      content: openGraph.value.og_video_height?.attributes?.content,
+    },
+    {
+      property: 'og:video:secure_url',
+      content: openGraph.value.og_video_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:video:type',
+      content: openGraph.value.og_video_type?.attributes?.content,
+    },
+    {
+      property: 'og:video:width',
+      content: openGraph.value.og_video_width?.attributes?.content,
+    },
+    {
+      property: 'profile:first_name',
+      content: openGraph.value.profile_first_name?.attributes?.content,
+    },
+    {
+      property: 'profile:gender',
+      content: openGraph.value.profile_gender?.attributes?.content,
+    },
+    {
+      property: 'profile:last_name',
+      content: openGraph.value.profile_last_name?.attributes?.content,
+    },
+    {
+      property: 'profile:username',
+      content: openGraph.value.profile_username?.attributes?.content,
+    },
+    {
+      property: 'video:actor',
+      content: openGraph.value.video_actor_0?.attributes?.content,
+    },
+    {
+      property: 'video:actor:role',
+      content: openGraph.value.video_actor_role_0?.attributes?.content,
+    },
+    {
+      property: 'video:director',
+      content: openGraph.value.video_director_0?.attributes?.content,
+    },
+    {
+      property: 'video:release_date',
+      content: openGraph.value.video_release_date?.attributes?.content,
+    },
+    {
+      property: 'video:series',
+      content: openGraph.value.video_series?.attributes?.content,
+    },
+    {
+      property: 'video:tag',
+      content: openGraph.value.video_tag_0?.attributes?.content,
+    },
+    {
+      property: 'video:writer',
+      content: openGraph.value.video_writer_0?.attributes?.content,
+    },
+  ],
+  link: [
+    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
 
diff --git a/components/views/internshipView.vue b/components/views/internshipView.vue
index c28db0e..6d2ae07 100644
--- a/components/views/internshipView.vue
+++ b/components/views/internshipView.vue
@@ -22,27 +22,260 @@ const props = defineProps({
   },
 });
 
-const robots = ref(
-  props.data?.field_meta_tags?.html_head?.robots?.attributes?.content,
-);
-
-const seoPageContent = ref(
-  props.data?.field_meta_tags?.html_head?.description?.attributes?.content,
-);
+const openGraph = ref(props.data?.field_meta_tags?.html_head);
 
 useHead({
-  title:
-    props?.data?.field_meta_tags?.html_head?.title?.attributes?.content ||
-    props.data?.field_name,
+  title: openGraph.value.title?.attributes?.content,
   meta: [
     {
       name: 'description',
-      content: seoPageContent.value,
+      content: openGraph.value.description?.attributes?.content,
+    },
+    { name: 'robots', content: openGraph.value.robots?.attributes?.content },
+    {
+      name: 'abstract',
+      content: openGraph.value.abstract?.attributes?.content,
+    },
+    {
+      name: 'keywords',
+      content: openGraph.value.keywords?.attributes?.content,
+    },
+    {
+      property: 'og:description',
+      content: openGraph.value.og_description?.attributes?.content,
+    },
+    {
+      property: 'og:image',
+      content: openGraph.value.og_image_0?.attributes?.content,
+    },
+    {
+      property: 'og:site_name',
+      content: openGraph.value.og_site_name?.attributes?.content,
+    },
+    {
+      property: 'og:title',
+      content: openGraph.value.og_title?.attributes?.content,
+    },
+    {
+      property: 'og:url',
+      content: openGraph.value.og_url?.attributes?.content,
+    },
+    {
+      property: 'og:type',
+      content: openGraph.value.og_type?.attributes?.content,
+    },
+    {
+      property: 'og:determiner',
+      content: openGraph.value.og_determiner?.attributes?.content,
+    },
+    {
+      property: 'article:author',
+      content: openGraph.value.article_author_0?.attributes?.content,
+    },
+    {
+      property: 'article:expiration_time',
+      content: openGraph.value.article_expiration_time?.attributes?.content,
+    },
+    {
+      property: 'article:modified_time',
+      content: openGraph.value.article_modified_time?.attributes?.content,
+    },
+    {
+      property: 'article:published_time',
+      content: openGraph.value.article_published_time?.attributes?.content,
+    },
+    {
+      property: 'article:publisher',
+      content: openGraph.value.article_publisher?.attributes?.content,
+    },
+    {
+      property: 'article:section',
+      content: openGraph.value.article_section?.attributes?.content,
+    },
+    {
+      property: 'article:tag',
+      content: openGraph.value.article_tag_0?.attributes?.content,
+    },
+    {
+      property: 'book:author',
+      content: openGraph.value.book_author_0?.attributes?.content,
+    },
+    {
+      property: 'book:isbn',
+      content: openGraph.value.book_isbn?.attributes?.content,
+    },
+    {
+      property: 'book:release_date',
+      content: openGraph.value.book_release_date?.attributes?.content,
+    },
+    {
+      property: 'book:tag',
+      content: openGraph.value.book_tag_0?.attributes?.content,
+    },
+    {
+      property: 'og:audio',
+      content: openGraph.value.og_audio?.attributes?.content,
+    },
+    {
+      property: 'og:audio:secure_url',
+      content: openGraph.value.og_audio_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:audio:type',
+      content: openGraph.value.og_audio_type?.attributes?.content,
+    },
+    {
+      property: 'og:country-name',
+      content: openGraph.value.og_country_name?.attributes?.content,
+    },
+    {
+      property: 'og:email',
+      content: openGraph.value.og_email?.attributes?.content,
+    },
+    {
+      property: 'og:fax_number',
+      content: openGraph.value.og_fax_number?.attributes?.content,
+    },
+    {
+      property: 'og:image:alt',
+      content: openGraph.value.og_image_alt?.attributes?.content,
+    },
+    {
+      property: 'og:image:height',
+      content: openGraph.value.og_image_height?.attributes?.content,
+    },
+    {
+      property: 'og:image:secure_url',
+      content: openGraph.value.og_image_secure_url_0?.attributes?.content,
     },
     {
-      name: 'robots',
-      content: robots.value,
+      property: 'og:image:type',
+      content: openGraph.value.og_image_type?.attributes?.content,
     },
+    {
+      property: 'og:image:url',
+      content: openGraph.value.og_image_url_0?.attributes?.content,
+    },
+    {
+      property: 'og:image:width',
+      content: openGraph.value.og_image_width?.attributes?.content,
+    },
+    {
+      property: 'og:latitude',
+      content: openGraph.value.og_latitude?.attributes?.content,
+    },
+    {
+      property: 'og:locale',
+      content: openGraph.value.og_locale?.attributes?.content,
+    },
+    {
+      property: 'og:locale:alternative',
+      content: openGraph.value.og_locale_alternative_0?.attributes?.content,
+    },
+    {
+      property: 'og:locality',
+      content: openGraph.value.og_locality?.attributes?.content,
+    },
+    {
+      property: 'og:longitude',
+      content: openGraph.value.og_longitude?.attributes?.content,
+    },
+    {
+      property: 'og:phone_number',
+      content: openGraph.value.og_phone_number?.attributes?.content,
+    },
+    {
+      property: 'og:postal_code',
+      content: openGraph.value.og_postal_code?.attributes?.content,
+    },
+    {
+      property: 'og:region',
+      content: openGraph.value.og_region?.attributes?.content,
+    },
+    {
+      property: 'og:see_also',
+      content: openGraph.value.og_see_also?.attributes?.content,
+    },
+    {
+      property: 'og:street_address',
+      content: openGraph.value.og_street_address?.attributes?.content,
+    },
+    {
+      property: 'og:updated_time',
+      content: openGraph.value.og_updated_time?.attributes?.content,
+    },
+    {
+      property: 'og:video',
+      content: openGraph.value.og_video_0?.attributes?.content,
+    },
+    {
+      property: 'og:video:duration',
+      content: openGraph.value.og_video_duration?.attributes?.content,
+    },
+    {
+      property: 'og:video:height',
+      content: openGraph.value.og_video_height?.attributes?.content,
+    },
+    {
+      property: 'og:video:secure_url',
+      content: openGraph.value.og_video_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:video:type',
+      content: openGraph.value.og_video_type?.attributes?.content,
+    },
+    {
+      property: 'og:video:width',
+      content: openGraph.value.og_video_width?.attributes?.content,
+    },
+    {
+      property: 'profile:first_name',
+      content: openGraph.value.profile_first_name?.attributes?.content,
+    },
+    {
+      property: 'profile:gender',
+      content: openGraph.value.profile_gender?.attributes?.content,
+    },
+    {
+      property: 'profile:last_name',
+      content: openGraph.value.profile_last_name?.attributes?.content,
+    },
+    {
+      property: 'profile:username',
+      content: openGraph.value.profile_username?.attributes?.content,
+    },
+    {
+      property: 'video:actor',
+      content: openGraph.value.video_actor_0?.attributes?.content,
+    },
+    {
+      property: 'video:actor:role',
+      content: openGraph.value.video_actor_role_0?.attributes?.content,
+    },
+    {
+      property: 'video:director',
+      content: openGraph.value.video_director_0?.attributes?.content,
+    },
+    {
+      property: 'video:release_date',
+      content: openGraph.value.video_release_date?.attributes?.content,
+    },
+    {
+      property: 'video:series',
+      content: openGraph.value.video_series?.attributes?.content,
+    },
+    {
+      property: 'video:tag',
+      content: openGraph.value.video_tag_0?.attributes?.content,
+    },
+    {
+      property: 'video:writer',
+      content: openGraph.value.video_writer_0?.attributes?.content,
+    },
+  ],
+  link: [
+    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
 
diff --git a/components/views/newsView.vue b/components/views/newsView.vue
index 0281b3d..ecd5cca 100644
--- a/components/views/newsView.vue
+++ b/components/views/newsView.vue
@@ -9,27 +9,260 @@ const props = defineProps({
   },
 });
 
-const robots = ref(
-  props.data?.field_meta_tags?.html_head?.robots?.attributes?.content,
-);
-
-const seoPageContent = ref(
-  props.data?.field_meta_tags?.html_head?.description?.attributes?.content,
-);
+const openGraph = ref(props.data?.field_meta_tags?.html_head);
 
 useHead({
-  title:
-    props?.data?.field_meta_tags?.html_head?.title?.attributes?.content ||
-    props.data?.field_name,
+  title: openGraph.value.title?.attributes?.content,
   meta: [
     {
       name: 'description',
-      content: seoPageContent.value,
+      content: openGraph.value.description?.attributes?.content,
+    },
+    { name: 'robots', content: openGraph.value.robots?.attributes?.content },
+    {
+      name: 'abstract',
+      content: openGraph.value.abstract?.attributes?.content,
+    },
+    {
+      name: 'keywords',
+      content: openGraph.value.keywords?.attributes?.content,
+    },
+    {
+      property: 'og:description',
+      content: openGraph.value.og_description?.attributes?.content,
+    },
+    {
+      property: 'og:image',
+      content: openGraph.value.og_image_0?.attributes?.content,
+    },
+    {
+      property: 'og:site_name',
+      content: openGraph.value.og_site_name?.attributes?.content,
+    },
+    {
+      property: 'og:title',
+      content: openGraph.value.og_title?.attributes?.content,
+    },
+    {
+      property: 'og:url',
+      content: openGraph.value.og_url?.attributes?.content,
+    },
+    {
+      property: 'og:type',
+      content: openGraph.value.og_type?.attributes?.content,
+    },
+    {
+      property: 'og:determiner',
+      content: openGraph.value.og_determiner?.attributes?.content,
+    },
+    {
+      property: 'article:author',
+      content: openGraph.value.article_author_0?.attributes?.content,
+    },
+    {
+      property: 'article:expiration_time',
+      content: openGraph.value.article_expiration_time?.attributes?.content,
+    },
+    {
+      property: 'article:modified_time',
+      content: openGraph.value.article_modified_time?.attributes?.content,
+    },
+    {
+      property: 'article:published_time',
+      content: openGraph.value.article_published_time?.attributes?.content,
+    },
+    {
+      property: 'article:publisher',
+      content: openGraph.value.article_publisher?.attributes?.content,
+    },
+    {
+      property: 'article:section',
+      content: openGraph.value.article_section?.attributes?.content,
+    },
+    {
+      property: 'article:tag',
+      content: openGraph.value.article_tag_0?.attributes?.content,
+    },
+    {
+      property: 'book:author',
+      content: openGraph.value.book_author_0?.attributes?.content,
+    },
+    {
+      property: 'book:isbn',
+      content: openGraph.value.book_isbn?.attributes?.content,
+    },
+    {
+      property: 'book:release_date',
+      content: openGraph.value.book_release_date?.attributes?.content,
+    },
+    {
+      property: 'book:tag',
+      content: openGraph.value.book_tag_0?.attributes?.content,
+    },
+    {
+      property: 'og:audio',
+      content: openGraph.value.og_audio?.attributes?.content,
+    },
+    {
+      property: 'og:audio:secure_url',
+      content: openGraph.value.og_audio_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:audio:type',
+      content: openGraph.value.og_audio_type?.attributes?.content,
+    },
+    {
+      property: 'og:country-name',
+      content: openGraph.value.og_country_name?.attributes?.content,
+    },
+    {
+      property: 'og:email',
+      content: openGraph.value.og_email?.attributes?.content,
+    },
+    {
+      property: 'og:fax_number',
+      content: openGraph.value.og_fax_number?.attributes?.content,
+    },
+    {
+      property: 'og:image:alt',
+      content: openGraph.value.og_image_alt?.attributes?.content,
+    },
+    {
+      property: 'og:image:height',
+      content: openGraph.value.og_image_height?.attributes?.content,
+    },
+    {
+      property: 'og:image:secure_url',
+      content: openGraph.value.og_image_secure_url_0?.attributes?.content,
+    },
+    {
+      property: 'og:image:type',
+      content: openGraph.value.og_image_type?.attributes?.content,
+    },
+    {
+      property: 'og:image:url',
+      content: openGraph.value.og_image_url_0?.attributes?.content,
+    },
+    {
+      property: 'og:image:width',
+      content: openGraph.value.og_image_width?.attributes?.content,
+    },
+    {
+      property: 'og:latitude',
+      content: openGraph.value.og_latitude?.attributes?.content,
+    },
+    {
+      property: 'og:locale',
+      content: openGraph.value.og_locale?.attributes?.content,
+    },
+    {
+      property: 'og:locale:alternative',
+      content: openGraph.value.og_locale_alternative_0?.attributes?.content,
+    },
+    {
+      property: 'og:locality',
+      content: openGraph.value.og_locality?.attributes?.content,
+    },
+    {
+      property: 'og:longitude',
+      content: openGraph.value.og_longitude?.attributes?.content,
+    },
+    {
+      property: 'og:phone_number',
+      content: openGraph.value.og_phone_number?.attributes?.content,
+    },
+    {
+      property: 'og:postal_code',
+      content: openGraph.value.og_postal_code?.attributes?.content,
+    },
+    {
+      property: 'og:region',
+      content: openGraph.value.og_region?.attributes?.content,
+    },
+    {
+      property: 'og:see_also',
+      content: openGraph.value.og_see_also?.attributes?.content,
+    },
+    {
+      property: 'og:street_address',
+      content: openGraph.value.og_street_address?.attributes?.content,
+    },
+    {
+      property: 'og:updated_time',
+      content: openGraph.value.og_updated_time?.attributes?.content,
+    },
+    {
+      property: 'og:video',
+      content: openGraph.value.og_video_0?.attributes?.content,
+    },
+    {
+      property: 'og:video:duration',
+      content: openGraph.value.og_video_duration?.attributes?.content,
+    },
+    {
+      property: 'og:video:height',
+      content: openGraph.value.og_video_height?.attributes?.content,
+    },
+    {
+      property: 'og:video:secure_url',
+      content: openGraph.value.og_video_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:video:type',
+      content: openGraph.value.og_video_type?.attributes?.content,
+    },
+    {
+      property: 'og:video:width',
+      content: openGraph.value.og_video_width?.attributes?.content,
+    },
+    {
+      property: 'profile:first_name',
+      content: openGraph.value.profile_first_name?.attributes?.content,
+    },
+    {
+      property: 'profile:gender',
+      content: openGraph.value.profile_gender?.attributes?.content,
+    },
+    {
+      property: 'profile:last_name',
+      content: openGraph.value.profile_last_name?.attributes?.content,
     },
     {
-      name: 'robots',
-      content: robots.value,
+      property: 'profile:username',
+      content: openGraph.value.profile_username?.attributes?.content,
     },
+    {
+      property: 'video:actor',
+      content: openGraph.value.video_actor_0?.attributes?.content,
+    },
+    {
+      property: 'video:actor:role',
+      content: openGraph.value.video_actor_role_0?.attributes?.content,
+    },
+    {
+      property: 'video:director',
+      content: openGraph.value.video_director_0?.attributes?.content,
+    },
+    {
+      property: 'video:release_date',
+      content: openGraph.value.video_release_date?.attributes?.content,
+    },
+    {
+      property: 'video:series',
+      content: openGraph.value.video_series?.attributes?.content,
+    },
+    {
+      property: 'video:tag',
+      content: openGraph.value.video_tag_0?.attributes?.content,
+    },
+    {
+      property: 'video:writer',
+      content: openGraph.value.video_writer_0?.attributes?.content,
+    },
+  ],
+  link: [
+    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
 
diff --git a/components/views/pageView.vue b/components/views/pageView.vue
index 73f66d1..c695bb3 100644
--- a/components/views/pageView.vue
+++ b/components/views/pageView.vue
@@ -12,27 +12,264 @@ const props = defineProps({
   },
 });
 
-const robots = ref(
-  props.data?.field_meta_tags?.html_head?.robots?.attributes?.content,
-);
-
-const seoPageContent = ref(
-  props.data?.field_meta_tags?.html_head?.description?.attributes?.content,
-);
+const openGraph = ref(props.data?.field_meta_tags?.html_head);
 
 useHead({
-  title: props?.data?.field_meta_tags?.html_head?.title?.attributes?.content,
+  title: openGraph.value.title?.attributes?.content,
   meta: [
     {
       name: 'description',
-      content: seoPageContent.value,
+      content: openGraph.value.description?.attributes?.content,
+    },
+    { name: 'robots', content: openGraph.value.robots?.attributes?.content },
+    {
+      name: 'abstract',
+      content: openGraph.value.abstract?.attributes?.content,
+    },
+    {
+      name: 'keywords',
+      content: openGraph.value.keywords?.attributes?.content,
+    },
+    {
+      property: 'og:description',
+      content: openGraph.value.og_description?.attributes?.content,
+    },
+    {
+      property: 'og:image',
+      content: openGraph.value.og_image_0?.attributes?.content,
+    },
+    {
+      property: 'og:site_name',
+      content: openGraph.value.og_site_name?.attributes?.content,
+    },
+    {
+      property: 'og:title',
+      content: openGraph.value.og_title?.attributes?.content,
+    },
+    {
+      property: 'og:url',
+      content: openGraph.value.og_url?.attributes?.content,
+    },
+    {
+      property: 'og:type',
+      content: openGraph.value.og_type?.attributes?.content,
+    },
+    {
+      property: 'og:determiner',
+      content: openGraph.value.og_determiner?.attributes?.content,
+    },
+    {
+      property: 'article:author',
+      content: openGraph.value.article_author_0?.attributes?.content,
+    },
+    {
+      property: 'article:expiration_time',
+      content: openGraph.value.article_expiration_time?.attributes?.content,
+    },
+    {
+      property: 'article:modified_time',
+      content: openGraph.value.article_modified_time?.attributes?.content,
+    },
+    {
+      property: 'article:published_time',
+      content: openGraph.value.article_published_time?.attributes?.content,
+    },
+    {
+      property: 'article:publisher',
+      content: openGraph.value.article_publisher?.attributes?.content,
+    },
+    {
+      property: 'article:section',
+      content: openGraph.value.article_section?.attributes?.content,
+    },
+    {
+      property: 'article:tag',
+      content: openGraph.value.article_tag_0?.attributes?.content,
+    },
+    {
+      property: 'book:author',
+      content: openGraph.value.book_author_0?.attributes?.content,
+    },
+    {
+      property: 'book:isbn',
+      content: openGraph.value.book_isbn?.attributes?.content,
+    },
+    {
+      property: 'book:release_date',
+      content: openGraph.value.book_release_date?.attributes?.content,
+    },
+    {
+      property: 'book:tag',
+      content: openGraph.value.book_tag_0?.attributes?.content,
+    },
+    {
+      property: 'og:audio',
+      content: openGraph.value.og_audio?.attributes?.content,
+    },
+    {
+      property: 'og:audio:secure_url',
+      content: openGraph.value.og_audio_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:audio:type',
+      content: openGraph.value.og_audio_type?.attributes?.content,
+    },
+    {
+      property: 'og:country-name',
+      content: openGraph.value.og_country_name?.attributes?.content,
+    },
+    {
+      property: 'og:email',
+      content: openGraph.value.og_email?.attributes?.content,
+    },
+    {
+      property: 'og:fax_number',
+      content: openGraph.value.og_fax_number?.attributes?.content,
+    },
+    {
+      property: 'og:image:alt',
+      content: openGraph.value.og_image_alt?.attributes?.content,
+    },
+    {
+      property: 'og:image:height',
+      content: openGraph.value.og_image_height?.attributes?.content,
+    },
+    {
+      property: 'og:image:secure_url',
+      content: openGraph.value.og_image_secure_url_0?.attributes?.content,
+    },
+    {
+      property: 'og:image:type',
+      content: openGraph.value.og_image_type?.attributes?.content,
     },
     {
-      name: 'robots',
-      content: robots.value,
+      property: 'og:image:url',
+      content: openGraph.value.og_image_url_0?.attributes?.content,
     },
+    {
+      property: 'og:image:width',
+      content: openGraph.value.og_image_width?.attributes?.content,
+    },
+    {
+      property: 'og:latitude',
+      content: openGraph.value.og_latitude?.attributes?.content,
+    },
+    {
+      property: 'og:locale',
+      content: openGraph.value.og_locale?.attributes?.content,
+    },
+    {
+      property: 'og:locale:alternative',
+      content: openGraph.value.og_locale_alternative_0?.attributes?.content,
+    },
+    {
+      property: 'og:locality',
+      content: openGraph.value.og_locality?.attributes?.content,
+    },
+    {
+      property: 'og:longitude',
+      content: openGraph.value.og_longitude?.attributes?.content,
+    },
+    {
+      property: 'og:phone_number',
+      content: openGraph.value.og_phone_number?.attributes?.content,
+    },
+    {
+      property: 'og:postal_code',
+      content: openGraph.value.og_postal_code?.attributes?.content,
+    },
+    {
+      property: 'og:region',
+      content: openGraph.value.og_region?.attributes?.content,
+    },
+    {
+      property: 'og:see_also',
+      content: openGraph.value.og_see_also?.attributes?.content,
+    },
+    {
+      property: 'og:street_address',
+      content: openGraph.value.og_street_address?.attributes?.content,
+    },
+    {
+      property: 'og:updated_time',
+      content: openGraph.value.og_updated_time?.attributes?.content,
+    },
+    {
+      property: 'og:video',
+      content: openGraph.value.og_video_0?.attributes?.content,
+    },
+    {
+      property: 'og:video:duration',
+      content: openGraph.value.og_video_duration?.attributes?.content,
+    },
+    {
+      property: 'og:video:height',
+      content: openGraph.value.og_video_height?.attributes?.content,
+    },
+    {
+      property: 'og:video:secure_url',
+      content: openGraph.value.og_video_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:video:type',
+      content: openGraph.value.og_video_type?.attributes?.content,
+    },
+    {
+      property: 'og:video:width',
+      content: openGraph.value.og_video_width?.attributes?.content,
+    },
+    {
+      property: 'profile:first_name',
+      content: openGraph.value.profile_first_name?.attributes?.content,
+    },
+    {
+      property: 'profile:gender',
+      content: openGraph.value.profile_gender?.attributes?.content,
+    },
+    {
+      property: 'profile:last_name',
+      content: openGraph.value.profile_last_name?.attributes?.content,
+    },
+    {
+      property: 'profile:username',
+      content: openGraph.value.profile_username?.attributes?.content,
+    },
+    {
+      property: 'video:actor',
+      content: openGraph.value.video_actor_0?.attributes?.content,
+    },
+    {
+      property: 'video:actor:role',
+      content: openGraph.value.video_actor_role_0?.attributes?.content,
+    },
+    {
+      property: 'video:director',
+      content: openGraph.value.video_director_0?.attributes?.content,
+    },
+    {
+      property: 'video:release_date',
+      content: openGraph.value.video_release_date?.attributes?.content,
+    },
+    {
+      property: 'video:series',
+      content: openGraph.value.video_series?.attributes?.content,
+    },
+    {
+      property: 'video:tag',
+      content: openGraph.value.video_tag_0?.attributes?.content,
+    },
+    {
+      property: 'video:writer',
+      content: openGraph.value.video_writer_0?.attributes?.content,
+    },
+  ],
+  link: [
+    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
+
+console.log('pageView', props.data);
 </script>
 
 <template>
diff --git a/components/views/userView.vue b/components/views/userView.vue
index df926db..84338f4 100644
--- a/components/views/userView.vue
+++ b/components/views/userView.vue
@@ -10,14 +10,263 @@ const props = defineProps({
   },
 });
 
+const openGraph = ref(props.data?.field_meta_tags?.html_head);
+
 useHead({
-  title:
-    props.data?.field_meta_tags?.html_head?.title?.atributes?.content ||
-    props.data?.field_name,
+  title: openGraph.value.title?.attributes?.content,
+  meta: [
+    {
+      name: 'description',
+      content: openGraph.value.description?.attributes?.content,
+    },
+    { name: 'robots', content: openGraph.value.robots?.attributes?.content },
+    {
+      name: 'abstract',
+      content: openGraph.value.abstract?.attributes?.content,
+    },
+    {
+      name: 'keywords',
+      content: openGraph.value.keywords?.attributes?.content,
+    },
+    {
+      property: 'og:description',
+      content: openGraph.value.og_description?.attributes?.content,
+    },
+    {
+      property: 'og:image',
+      content: openGraph.value.og_image_0?.attributes?.content,
+    },
+    {
+      property: 'og:site_name',
+      content: openGraph.value.og_site_name?.attributes?.content,
+    },
+    {
+      property: 'og:title',
+      content: openGraph.value.og_title?.attributes?.content,
+    },
+    {
+      property: 'og:url',
+      content: openGraph.value.og_url?.attributes?.content,
+    },
+    {
+      property: 'og:type',
+      content: openGraph.value.og_type?.attributes?.content,
+    },
+    {
+      property: 'og:determiner',
+      content: openGraph.value.og_determiner?.attributes?.content,
+    },
+    {
+      property: 'article:author',
+      content: openGraph.value.article_author_0?.attributes?.content,
+    },
+    {
+      property: 'article:expiration_time',
+      content: openGraph.value.article_expiration_time?.attributes?.content,
+    },
+    {
+      property: 'article:modified_time',
+      content: openGraph.value.article_modified_time?.attributes?.content,
+    },
+    {
+      property: 'article:published_time',
+      content: openGraph.value.article_published_time?.attributes?.content,
+    },
+    {
+      property: 'article:publisher',
+      content: openGraph.value.article_publisher?.attributes?.content,
+    },
+    {
+      property: 'article:section',
+      content: openGraph.value.article_section?.attributes?.content,
+    },
+    {
+      property: 'article:tag',
+      content: openGraph.value.article_tag_0?.attributes?.content,
+    },
+    {
+      property: 'book:author',
+      content: openGraph.value.book_author_0?.attributes?.content,
+    },
+    {
+      property: 'book:isbn',
+      content: openGraph.value.book_isbn?.attributes?.content,
+    },
+    {
+      property: 'book:release_date',
+      content: openGraph.value.book_release_date?.attributes?.content,
+    },
+    {
+      property: 'book:tag',
+      content: openGraph.value.book_tag_0?.attributes?.content,
+    },
+    {
+      property: 'og:audio',
+      content: openGraph.value.og_audio?.attributes?.content,
+    },
+    {
+      property: 'og:audio:secure_url',
+      content: openGraph.value.og_audio_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:audio:type',
+      content: openGraph.value.og_audio_type?.attributes?.content,
+    },
+    {
+      property: 'og:country-name',
+      content: openGraph.value.og_country_name?.attributes?.content,
+    },
+    {
+      property: 'og:email',
+      content: openGraph.value.og_email?.attributes?.content,
+    },
+    {
+      property: 'og:fax_number',
+      content: openGraph.value.og_fax_number?.attributes?.content,
+    },
+    {
+      property: 'og:image:alt',
+      content: openGraph.value.og_image_alt?.attributes?.content,
+    },
+    {
+      property: 'og:image:height',
+      content: openGraph.value.og_image_height?.attributes?.content,
+    },
+    {
+      property: 'og:image:secure_url',
+      content: openGraph.value.og_image_secure_url_0?.attributes?.content,
+    },
+    {
+      property: 'og:image:type',
+      content: openGraph.value.og_image_type?.attributes?.content,
+    },
+    {
+      property: 'og:image:url',
+      content: openGraph.value.og_image_url_0?.attributes?.content,
+    },
+    {
+      property: 'og:image:width',
+      content: openGraph.value.og_image_width?.attributes?.content,
+    },
+    {
+      property: 'og:latitude',
+      content: openGraph.value.og_latitude?.attributes?.content,
+    },
+    {
+      property: 'og:locale',
+      content: openGraph.value.og_locale?.attributes?.content,
+    },
+    {
+      property: 'og:locale:alternative',
+      content: openGraph.value.og_locale_alternative_0?.attributes?.content,
+    },
+    {
+      property: 'og:locality',
+      content: openGraph.value.og_locality?.attributes?.content,
+    },
+    {
+      property: 'og:longitude',
+      content: openGraph.value.og_longitude?.attributes?.content,
+    },
+    {
+      property: 'og:phone_number',
+      content: openGraph.value.og_phone_number?.attributes?.content,
+    },
+    {
+      property: 'og:postal_code',
+      content: openGraph.value.og_postal_code?.attributes?.content,
+    },
+    {
+      property: 'og:region',
+      content: openGraph.value.og_region?.attributes?.content,
+    },
+    {
+      property: 'og:see_also',
+      content: openGraph.value.og_see_also?.attributes?.content,
+    },
+    {
+      property: 'og:street_address',
+      content: openGraph.value.og_street_address?.attributes?.content,
+    },
+    {
+      property: 'og:updated_time',
+      content: openGraph.value.og_updated_time?.attributes?.content,
+    },
+    {
+      property: 'og:video',
+      content: openGraph.value.og_video_0?.attributes?.content,
+    },
+    {
+      property: 'og:video:duration',
+      content: openGraph.value.og_video_duration?.attributes?.content,
+    },
+    {
+      property: 'og:video:height',
+      content: openGraph.value.og_video_height?.attributes?.content,
+    },
+    {
+      property: 'og:video:secure_url',
+      content: openGraph.value.og_video_secure_url?.attributes?.content,
+    },
+    {
+      property: 'og:video:type',
+      content: openGraph.value.og_video_type?.attributes?.content,
+    },
+    {
+      property: 'og:video:width',
+      content: openGraph.value.og_video_width?.attributes?.content,
+    },
+    {
+      property: 'profile:first_name',
+      content: openGraph.value.profile_first_name?.attributes?.content,
+    },
+    {
+      property: 'profile:gender',
+      content: openGraph.value.profile_gender?.attributes?.content,
+    },
+    {
+      property: 'profile:last_name',
+      content: openGraph.value.profile_last_name?.attributes?.content,
+    },
+    {
+      property: 'profile:username',
+      content: openGraph.value.profile_username?.attributes?.content,
+    },
+    {
+      property: 'video:actor',
+      content: openGraph.value.video_actor_0?.attributes?.content,
+    },
+    {
+      property: 'video:actor:role',
+      content: openGraph.value.video_actor_role_0?.attributes?.content,
+    },
+    {
+      property: 'video:director',
+      content: openGraph.value.video_director_0?.attributes?.content,
+    },
+    {
+      property: 'video:release_date',
+      content: openGraph.value.video_release_date?.attributes?.content,
+    },
+    {
+      property: 'video:series',
+      content: openGraph.value.video_series?.attributes?.content,
+    },
+    {
+      property: 'video:tag',
+      content: openGraph.value.video_tag_0?.attributes?.content,
+    },
+    {
+      property: 'video:writer',
+      content: openGraph.value.video_writer_0?.attributes?.content,
+    },
+  ],
+  link: [
+    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
+  ],
 });
 
-console.log('userView.vue', props.data);
-
 const practicalInfoData = computed(() => {
   const data = [
     {
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index b97bf12..a5c89f9 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -57,13 +57,6 @@ if (redirectUrl.value) {
 }
 
 const pageBlockHeaderData = viewData?.field_header;
-// SEO/META
-const seoHeadLinkDataEN = ref(
-  viewData?.field_meta_tags?.html_head?.alternate_en?.attributes,
-);
-const seoHeadLinkDataDA = ref(
-  viewData?.field_meta_tags?.html_head?.alternate_da?.attributes,
-);
 
 // // Dynamically import components
 const renderLayoutBlock = (viewName: string) => {
@@ -76,36 +69,8 @@ const renderLayoutBlock = (viewName: string) => {
 
 useHead({
   htmlAttrs: {
-    lang: viewData?.langcode || 'da',
+    lang: 'da',
   },
-  title:
-    viewData?.field_meta_tags?.html_head?.title?.attributes?.content ||
-    viewData?.label ||
-    'Title',
-  meta: [
-    {
-      name: 'description',
-      content:
-        viewData?.field_meta_tags?.html_head?.description?.attributes
-          ?.content || 'Description',
-    },
-    {
-      name: 'robots',
-      content: 'index, nofollow',
-    },
-  ],
-  link: [
-    {
-      rel: seoHeadLinkDataEN?.value?.rel,
-      href: seoHeadLinkDataEN?.value?.href,
-      hreflang: seoHeadLinkDataEN?.value?.hreflang,
-    },
-    {
-      rel: seoHeadLinkDataDA?.value?.rel,
-      href: seoHeadLinkDataDA?.value?.href,
-      hreflang: seoHeadLinkDataDA?.value?.hreflang,
-    },
-  ],
 });
 </script>
 

From 827f5ae2a81c1f472808cd0f3126e41e2cb8728e Mon Sep 17 00:00:00 2001
From: tutaru99 <simas.raudonis@gmail.com>
Date: Tue, 2 Jul 2024 13:55:47 +0200
Subject: [PATCH 2/2] OS2UOL-128: Improved and refactored SEO parts, added
 handler methods, composable to getting current domain, handling instances of
 index page

---
 components/views/courseView.vue           | 16 +++++-
 components/views/course_educatorsView.vue | 15 ++++-
 components/views/exerciseView.vue         | 15 ++++-
 components/views/internshipView.vue       | 15 ++++-
 components/views/newsView.vue             | 15 ++++-
 components/views/pageView.vue             | 16 +++++-
 components/views/userView.vue             | 70 +++++++++++++++++++----
 composables/useGetCurrentDomain.ts        | 19 ++++++
 utils/removeBEdomain.ts                   | 12 ++++
 utils/seoCanonicalUrlHandler.ts           | 17 ++++++
 10 files changed, 187 insertions(+), 23 deletions(-)
 create mode 100644 composables/useGetCurrentDomain.ts
 create mode 100644 utils/removeBEdomain.ts
 create mode 100644 utils/seoCanonicalUrlHandler.ts

diff --git a/components/views/courseView.vue b/components/views/courseView.vue
index 5075ba1..b5c5e16 100644
--- a/components/views/courseView.vue
+++ b/components/views/courseView.vue
@@ -3,6 +3,9 @@ import { filterGroups } from '~/utils/dataFilter';
 import { scrollTo } from '~/utils/scrollTo';
 import { Navigation, A11y, Autoplay, Scrollbar } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
+import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
+import { removeBEdomain } from '~/utils/removeBEdomain';
+import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
 
 const modules = [Navigation, Scrollbar, A11y, Autoplay];
 const breakpoints = {
@@ -23,6 +26,7 @@ const props = defineProps({
 });
 
 const openGraph = ref(props.data?.field_meta_tags?.html_head);
+
 useHead({
   title: openGraph.value.title?.attributes?.content,
   meta: [
@@ -57,7 +61,9 @@ useHead({
     },
     {
       property: 'og:url',
-      content: openGraph.value.og_url?.attributes?.content,
+      content:
+        useGetCurrentDomain() +
+        removeBEdomain(openGraph.value.og_url?.attributes?.content),
     },
     {
       property: 'og:type',
@@ -273,7 +279,13 @@ useHead({
     },
   ],
   link: [
-    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    {
+      rel: 'canonical',
+      href: seoCanonicalUrlHandler(
+        openGraph.value.canonical_url?.attributes?.href,
+        props.data?.is_frontpage,
+      ),
+    },
     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
diff --git a/components/views/course_educatorsView.vue b/components/views/course_educatorsView.vue
index c6dc17a..daa8876 100644
--- a/components/views/course_educatorsView.vue
+++ b/components/views/course_educatorsView.vue
@@ -3,6 +3,9 @@ import { filterGroups } from '~/utils/dataFilter';
 import { scrollTo } from '~/utils/scrollTo';
 import { Navigation, A11y, Autoplay, Scrollbar } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
+import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
+import { removeBEdomain } from '~/utils/removeBEdomain';
+import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
 
 const modules = [Navigation, Scrollbar, A11y, Autoplay];
 const breakpoints = {
@@ -58,7 +61,9 @@ useHead({
     },
     {
       property: 'og:url',
-      content: openGraph.value.og_url?.attributes?.content,
+      content:
+        useGetCurrentDomain() +
+        removeBEdomain(openGraph.value.og_url?.attributes?.content),
     },
     {
       property: 'og:type',
@@ -274,7 +279,13 @@ useHead({
     },
   ],
   link: [
-    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    {
+      rel: 'canonical',
+      href: seoCanonicalUrlHandler(
+        openGraph.value.canonical_url?.attributes?.href,
+        props.data?.is_frontpage,
+      ),
+    },
     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
diff --git a/components/views/exerciseView.vue b/components/views/exerciseView.vue
index faf57f8..946a60b 100644
--- a/components/views/exerciseView.vue
+++ b/components/views/exerciseView.vue
@@ -2,6 +2,9 @@
 import { filterGroups } from '~/utils/dataFilter';
 import { Navigation, A11y, Autoplay, Scrollbar } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
+import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
+import { removeBEdomain } from '~/utils/removeBEdomain';
+import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
 
 const modules = [Navigation, Scrollbar, A11y, Autoplay];
 const breakpoints = {
@@ -57,7 +60,9 @@ useHead({
     },
     {
       property: 'og:url',
-      content: openGraph.value.og_url?.attributes?.content,
+      content:
+        useGetCurrentDomain() +
+        removeBEdomain(openGraph.value.og_url?.attributes?.content),
     },
     {
       property: 'og:type',
@@ -273,7 +278,13 @@ useHead({
     },
   ],
   link: [
-    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    {
+      rel: 'canonical',
+      href: seoCanonicalUrlHandler(
+        openGraph.value.canonical_url?.attributes?.href,
+        props.data?.is_frontpage,
+      ),
+    },
     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
diff --git a/components/views/internshipView.vue b/components/views/internshipView.vue
index 6d2ae07..f5e1f15 100644
--- a/components/views/internshipView.vue
+++ b/components/views/internshipView.vue
@@ -3,6 +3,9 @@ import { filterGroups } from '~/utils/dataFilter';
 import { scrollTo } from '~/utils/scrollTo';
 import { Navigation, A11y, Autoplay, Scrollbar } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
+import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
+import { removeBEdomain } from '~/utils/removeBEdomain';
+import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
 
 const modules = [Navigation, Scrollbar, A11y, Autoplay];
 const breakpoints = {
@@ -58,7 +61,9 @@ useHead({
     },
     {
       property: 'og:url',
-      content: openGraph.value.og_url?.attributes?.content,
+      content:
+        useGetCurrentDomain() +
+        removeBEdomain(openGraph.value.og_url?.attributes?.content),
     },
     {
       property: 'og:type',
@@ -274,7 +279,13 @@ useHead({
     },
   ],
   link: [
-    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    {
+      rel: 'canonical',
+      href: seoCanonicalUrlHandler(
+        openGraph.value.canonical_url?.attributes?.href,
+        props.data?.is_frontpage,
+      ),
+    },
     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
diff --git a/components/views/newsView.vue b/components/views/newsView.vue
index ecd5cca..5232bd1 100644
--- a/components/views/newsView.vue
+++ b/components/views/newsView.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { filterGroups } from '~/utils/dataFilter';
+import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
+import { removeBEdomain } from '~/utils/removeBEdomain';
+import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
 
 const props = defineProps({
   data: {
@@ -45,7 +48,9 @@ useHead({
     },
     {
       property: 'og:url',
-      content: openGraph.value.og_url?.attributes?.content,
+      content:
+        useGetCurrentDomain() +
+        removeBEdomain(openGraph.value.og_url?.attributes?.content),
     },
     {
       property: 'og:type',
@@ -261,7 +266,13 @@ useHead({
     },
   ],
   link: [
-    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    {
+      rel: 'canonical',
+      href: seoCanonicalUrlHandler(
+        openGraph.value.canonical_url?.attributes?.href,
+        props.data?.is_frontpage,
+      ),
+    },
     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
diff --git a/components/views/pageView.vue b/components/views/pageView.vue
index c695bb3..8a9ccb1 100644
--- a/components/views/pageView.vue
+++ b/components/views/pageView.vue
@@ -1,4 +1,8 @@
 <script setup>
+import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
+import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
+import { removeBEdomain } from '~/utils/removeBEdomain';
+
 const props = defineProps({
   data: {
     type: Object,
@@ -48,7 +52,9 @@ useHead({
     },
     {
       property: 'og:url',
-      content: openGraph.value.og_url?.attributes?.content,
+      content:
+        useGetCurrentDomain() +
+        removeBEdomain(openGraph.value.og_url?.attributes?.content),
     },
     {
       property: 'og:type',
@@ -264,7 +270,13 @@ useHead({
     },
   ],
   link: [
-    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    {
+      rel: 'canonical',
+      href: seoCanonicalUrlHandler(
+        openGraph.value.canonical_url?.attributes?.href,
+        props.data?.is_frontpage,
+      ),
+    },
     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
diff --git a/components/views/userView.vue b/components/views/userView.vue
index 84338f4..062ff8d 100644
--- a/components/views/userView.vue
+++ b/components/views/userView.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { scrollTo } from '~/utils/scrollTo';
 import { filterGroups } from '~/utils/dataFilter';
+import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
+import { removeBEdomain } from '~/utils/removeBEdomain';
+import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
 
 const props = defineProps({
   data: {
@@ -46,7 +49,9 @@ useHead({
     },
     {
       property: 'og:url',
-      content: openGraph.value.og_url?.attributes?.content,
+      content:
+        useGetCurrentDomain() +
+        removeBEdomain(openGraph.value.og_url?.attributes?.content),
     },
     {
       property: 'og:type',
@@ -262,7 +267,13 @@ useHead({
     },
   ],
   link: [
-    { rel: 'canonical', href: openGraph.value.canonical_url?.attributes?.href },
+    {
+      rel: 'canonical',
+      href: seoCanonicalUrlHandler(
+        openGraph.value.canonical_url?.attributes?.href,
+        props.data?.is_frontpage,
+      ),
+    },
     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });
@@ -307,10 +318,28 @@ const practicalInfoData = computed(() => {
         {
           type: 'user_profile',
           content: [
-            props.data?.field_phone ? '<a href="tel:' + props.data?.field_phone + '">' + props.data?.field_phone + '</a>' : '',
-            props.data?.field_mail ? '<a href="mailto:' + props.data?.field_mail + '">' + props.data?.field_mail + '</a>' : '',
-            props.data?.field_homepage?.url ? '<a href="' + props.data?.field_homepage?.url + '" target="_blank">' + props.data?.field_homepage?.url + '</a>' : '',
-          ]
+            props.data?.field_phone
+              ? '<a href="tel:' +
+                props.data?.field_phone +
+                '">' +
+                props.data?.field_phone +
+                '</a>'
+              : '',
+            props.data?.field_mail
+              ? '<a href="mailto:' +
+                props.data?.field_mail +
+                '">' +
+                props.data?.field_mail +
+                '</a>'
+              : '',
+            props.data?.field_homepage?.url
+              ? '<a href="' +
+                props.data?.field_homepage?.url +
+                '" target="_blank">' +
+                props.data?.field_homepage?.url +
+                '</a>'
+              : '',
+          ],
         },
       ],
     },
@@ -335,7 +364,6 @@ const practicalInfoData = computed(() => {
   ];
   return filterGroups(data);
 });
-
 </script>
 
 <template>
@@ -500,12 +528,27 @@ const practicalInfoData = computed(() => {
           v-if="data?.field_contact?.length > 0"
         >
           <div class="user__contact">
-            <KontaktProvider :data="data?.field_contact" :type="props.data.roles?.includes('corporation') ? 'virksomhed' : props.data.roles?.includes('course_provider') ? 'udbyder' : ''" />
+            <KontaktProvider
+              :data="data?.field_contact"
+              :type="
+                props.data.roles?.includes('corporation')
+                  ? 'virksomhed'
+                  : props.data.roles?.includes('course_provider')
+                    ? 'udbyder'
+                    : ''
+              "
+            />
           </div>
         </div>
 
         <!-- Section information -->
-        <div class="user__section-user-info" v-if="data?.field_other_info_description || data?.field_other_info?.length > 0">
+        <div
+          class="user__section-user-info"
+          v-if="
+            data?.field_other_info_description ||
+            data?.field_other_info?.length > 0
+          "
+        >
           <div class="col-xs-12 col-sm-12 col-md-5">
             <div class="user__info-title">
               <h2>Yderligere information om udbyder</h2>
@@ -514,7 +557,10 @@ const practicalInfoData = computed(() => {
 
           <div class="col-xs-12 col-sm-12 col-md-6 col-md-offset-1">
             <div class="user__info-description">
-              <div v-if="data?.field_other_info_description" v-html="data?.field_other_info_description"></div>
+              <div
+                v-if="data?.field_other_info_description"
+                v-html="data?.field_other_info_description"
+              ></div>
 
               <div
                 class="user__info-description--buttons"
@@ -534,7 +580,9 @@ const practicalInfoData = computed(() => {
                     "
                     aria-label="Download link"
                   >
-                    <span class="user__info-description--button-item__link-text">
+                    <span
+                      class="user__info-description--button-item__link-text"
+                    >
                       {{ button?.field_link?.title }}
                     </span>
                     <NuxtIcon
diff --git a/composables/useGetCurrentDomain.ts b/composables/useGetCurrentDomain.ts
new file mode 100644
index 0000000..6c1d7f3
--- /dev/null
+++ b/composables/useGetCurrentDomain.ts
@@ -0,0 +1,19 @@
+export default function useGetCurrentDomain() {
+  let currentDomain = '';
+
+  if (process.server) {
+    const hostHeader = useRequestHeaders();
+    currentDomain = hostHeader['x-forwarded-host'] || hostHeader.host;
+
+    if (
+      !currentDomain.startsWith('http://') &&
+      !currentDomain.startsWith('https://')
+    ) {
+      currentDomain = 'https://' + currentDomain;
+    }
+  } else if (process.client) {
+    currentDomain = window.location.hostname;
+  }
+
+  return currentDomain;
+}
diff --git a/utils/removeBEdomain.ts b/utils/removeBEdomain.ts
new file mode 100644
index 0000000..891f89c
--- /dev/null
+++ b/utils/removeBEdomain.ts
@@ -0,0 +1,12 @@
+export const removeBEdomain = (url: string) => {
+  if (!url) {
+    return;
+  }
+
+  // Find the first single slash after the domain
+  const domainEndIndex = url.indexOf('/', url.indexOf('//') + 2);
+
+  // If a single slash is found, return the substring starting from it
+  // Otherwise, return undefined
+  return domainEndIndex !== -1 ? url.substring(domainEndIndex) : undefined;
+};
diff --git a/utils/seoCanonicalUrlHandler.ts b/utils/seoCanonicalUrlHandler.ts
new file mode 100644
index 0000000..6e36df5
--- /dev/null
+++ b/utils/seoCanonicalUrlHandler.ts
@@ -0,0 +1,17 @@
+import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
+
+export const seoCanonicalUrlHandler = (url: string, isFrontPage: boolean) => {
+  if (!url) {
+    return;
+  }
+
+  const currentDomain = useGetCurrentDomain();
+
+  console.log('currentDomain', currentDomain, url);
+
+  if (isFrontPage) {
+    return currentDomain;
+  } else {
+    return currentDomain + url;
+  }
+};