From 9c4e4deb256df473bcc8610442b6aa6de79b87e9 Mon Sep 17 00:00:00 2001
From: tutaru99 <simas.raudonis@gmail.com>
Date: Thu, 4 Jul 2024 12:28:38 +0200
Subject: [PATCH 1/3] Testing SEO deployment

---
 components/views/pageView.vue | 527 +++++++++++++++++-----------------
 pages/[...slug].vue           | 263 +++++++++++++++++
 2 files changed, 527 insertions(+), 263 deletions(-)

diff --git a/components/views/pageView.vue b/components/views/pageView.vue
index 8a9ccb1..fa6a56d 100644
--- a/components/views/pageView.vue
+++ b/components/views/pageView.vue
@@ -18,270 +18,271 @@ const props = defineProps({
 
 const openGraph = ref(props.data?.field_meta_tags?.html_head);
 
-useHead({
-  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:
-        useGetCurrentDomain() +
-        removeBEdomain(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: seoCanonicalUrlHandler(
-        openGraph.value.canonical_url?.attributes?.href,
-        props.data?.is_frontpage,
-      ),
-    },
-    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
-  ],
-});
+// useHead({
+//   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:
+//         useGetCurrentDomain() +
+//         removeBEdomain(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: seoCanonicalUrlHandler(
+//         openGraph.value.canonical_url?.attributes?.href,
+//         props.data?.is_frontpage,
+//       ),
+//     },
+//     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
+//   ],
+// });
 
-console.log('pageView', props.data);
+// console.log('pageView', props.data);
+// console.log('Open graph', openGraph.value);
 </script>
 
 <template>
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index 87e8fe3..acccb3b 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -65,10 +65,273 @@ const renderLayoutBlock = (viewName: string) => {
   );
 };
 
+const openGraph = ref(viewData?.field_meta_tags?.html_head);
+console.log('Open graph', openGraph.value);
+
 useHead({
   htmlAttrs: {
     lang: 'da',
   },
+  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:
+        useGetCurrentDomain() +
+        removeBEdomain(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: seoCanonicalUrlHandler(
+    //     openGraph.value.canonical_url?.attributes?.href,
+    //     props.data?.is_frontpage,
+    //   ),
+    // },
+    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
+  ],
 });
 </script>
 

From 363519bb90d538bf90b8b7584838d93fd073ffce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B8ren=20Due=20Bonde?= <sdb@novicell.dk>
Date: Thu, 4 Jul 2024 12:33:36 +0200
Subject: [PATCH 2/3] OS2UOL-67: Added truncateString to body in BaseCard

---
 components/base/BaseCard.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/base/BaseCard.vue b/components/base/BaseCard.vue
index b9976af..e94f958 100644
--- a/components/base/BaseCard.vue
+++ b/components/base/BaseCard.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { stripHtmlFromString } from '~/utils/stripHtml';
+import { truncateString } from '~/utils/truncateString';
 
 const props = defineProps({
   data: {
@@ -203,6 +204,9 @@ const allSubjectOrThemeArr = ref(
 const processedSubjectOrThemeString = ref(
   limitCharLengthAndConvertToString(allSubjectOrThemeArr.value, 85),
 );
+
+const cardBodyText: any = ref(stripHtmlFromString(props.data?.body) || '');
+
 </script>
 
 <template>
@@ -229,7 +233,7 @@ const processedSubjectOrThemeString = ref(
         </div>
 
         <div v-if="data?.body" class="card__text">
-          {{ stripHtmlFromString(data?.body) }}
+          {{ truncateString(cardBodyText, 155) }}
         </div>
         <div class="card__icons" v-if="targetGroupFields || providerData">
           <div class="card__icon" v-if="providerData">

From 89a091cba0a92759edeb57ba2cae2b5d3d9b864a Mon Sep 17 00:00:00 2001
From: tutaru99 <simas.raudonis@gmail.com>
Date: Thu, 4 Jul 2024 12:38:03 +0200
Subject: [PATCH 3/3] Refactored SEO setting for pages

---
 components/views/courseView.vue           | 268 ---------------------
 components/views/course_educatorsView.vue | 268 ---------------------
 components/views/exerciseView.vue         | 268 ---------------------
 components/views/internshipView.vue       | 268 ---------------------
 components/views/newsView.vue             | 268 ---------------------
 components/views/pageView.vue             | 272 ----------------------
 components/views/userView.vue             | 267 ---------------------
 pages/[...slug].vue                       |  19 +-
 8 files changed, 11 insertions(+), 1887 deletions(-)

diff --git a/components/views/courseView.vue b/components/views/courseView.vue
index b5c5e16..aaa4f63 100644
--- a/components/views/courseView.vue
+++ b/components/views/courseView.vue
@@ -3,9 +3,6 @@ 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 = {
@@ -25,271 +22,6 @@ const props = defineProps({
   },
 });
 
-const openGraph = ref(props.data?.field_meta_tags?.html_head);
-
-useHead({
-  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:
-        useGetCurrentDomain() +
-        removeBEdomain(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: seoCanonicalUrlHandler(
-        openGraph.value.canonical_url?.attributes?.href,
-        props.data?.is_frontpage,
-      ),
-    },
-    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
-  ],
-});
-
 const priceQuantityPeriodDescription = computed(() => {
   let description = '';
   if (props.data?.field_description_of_price) {
diff --git a/components/views/course_educatorsView.vue b/components/views/course_educatorsView.vue
index daa8876..684b636 100644
--- a/components/views/course_educatorsView.vue
+++ b/components/views/course_educatorsView.vue
@@ -3,9 +3,6 @@ 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 = {
@@ -25,271 +22,6 @@ const props = defineProps({
   },
 });
 
-const openGraph = ref(props.data?.field_meta_tags?.html_head);
-
-useHead({
-  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:
-        useGetCurrentDomain() +
-        removeBEdomain(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: seoCanonicalUrlHandler(
-        openGraph.value.canonical_url?.attributes?.href,
-        props.data?.is_frontpage,
-      ),
-    },
-    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
-  ],
-});
-
 const periodPriceDurationDescription = computed(() => {
   let description = '';
   if (props.data?.field_description_of_period) {
diff --git a/components/views/exerciseView.vue b/components/views/exerciseView.vue
index 946a60b..e80e9bc 100644
--- a/components/views/exerciseView.vue
+++ b/components/views/exerciseView.vue
@@ -2,9 +2,6 @@
 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 = {
@@ -24,271 +21,6 @@ const props = defineProps({
   },
 });
 
-const openGraph = ref(props.data?.field_meta_tags?.html_head);
-
-useHead({
-  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:
-        useGetCurrentDomain() +
-        removeBEdomain(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: seoCanonicalUrlHandler(
-        openGraph.value.canonical_url?.attributes?.href,
-        props.data?.is_frontpage,
-      ),
-    },
-    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
-  ],
-});
-
 const practicalInfoData = computed(() => {
   const data = [
     {
diff --git a/components/views/internshipView.vue b/components/views/internshipView.vue
index f5e1f15..7cfbc10 100644
--- a/components/views/internshipView.vue
+++ b/components/views/internshipView.vue
@@ -3,9 +3,6 @@ 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 = {
@@ -25,271 +22,6 @@ const props = defineProps({
   },
 });
 
-const openGraph = ref(props.data?.field_meta_tags?.html_head);
-
-useHead({
-  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:
-        useGetCurrentDomain() +
-        removeBEdomain(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: seoCanonicalUrlHandler(
-        openGraph.value.canonical_url?.attributes?.href,
-        props.data?.is_frontpage,
-      ),
-    },
-    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
-  ],
-});
-
 const registrationData = computed(() => {
   return {
     bundle: props.data?.bundle,
diff --git a/components/views/newsView.vue b/components/views/newsView.vue
index d671b5e..5ff1010 100644
--- a/components/views/newsView.vue
+++ b/components/views/newsView.vue
@@ -1,8 +1,5 @@
 <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: {
@@ -12,271 +9,6 @@ const props = defineProps({
   },
 });
 
-const openGraph = ref(props.data?.field_meta_tags?.html_head);
-
-useHead({
-  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:
-        useGetCurrentDomain() +
-        removeBEdomain(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: seoCanonicalUrlHandler(
-        openGraph.value.canonical_url?.attributes?.href,
-        props.data?.is_frontpage,
-      ),
-    },
-    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
-  ],
-});
-
 const practicalInfoData = computed(() => {
   const data = [
     {
diff --git a/components/views/pageView.vue b/components/views/pageView.vue
index fa6a56d..7478b5e 100644
--- a/components/views/pageView.vue
+++ b/components/views/pageView.vue
@@ -1,8 +1,4 @@
 <script setup>
-import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
-import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
-import { removeBEdomain } from '~/utils/removeBEdomain';
-
 const props = defineProps({
   data: {
     type: Object,
@@ -15,274 +11,6 @@ const props = defineProps({
     default: null,
   },
 });
-
-const openGraph = ref(props.data?.field_meta_tags?.html_head);
-
-// useHead({
-//   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:
-//         useGetCurrentDomain() +
-//         removeBEdomain(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: seoCanonicalUrlHandler(
-//         openGraph.value.canonical_url?.attributes?.href,
-//         props.data?.is_frontpage,
-//       ),
-//     },
-//     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
-//   ],
-// });
-
-// console.log('pageView', props.data);
-// console.log('Open graph', openGraph.value);
 </script>
 
 <template>
diff --git a/components/views/userView.vue b/components/views/userView.vue
index fe03c36..f6710a9 100644
--- a/components/views/userView.vue
+++ b/components/views/userView.vue
@@ -1,9 +1,6 @@
 <script setup lang="ts">
 import { scrollTo } from '~/utils/scrollTo';
 import { filterGroups } from '~/utils/dataFilter';
-import { removeBEdomain } from '~/utils/removeBEdomain';
-import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
-import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
 
 const props = defineProps({
   data: {
@@ -13,270 +10,6 @@ const props = defineProps({
   },
 });
 
-const openGraph = ref(props.data?.field_meta_tags?.html_head);
-useHead({
-  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:
-        useGetCurrentDomain() +
-        removeBEdomain(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: seoCanonicalUrlHandler(
-        openGraph.value.canonical_url?.attributes?.href,
-        props.data?.is_frontpage,
-      ),
-    },
-    { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
-  ],
-});
-
 const practicalInfoData = computed(() => {
   const data = [
     {
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index acccb3b..7ee6dd8 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -1,5 +1,8 @@
 <script lang="ts" setup>
 const { useContent } = useContentApi();
+import { seoCanonicalUrlHandler } from '~/utils/seoCanonicalUrlHandler';
+import useGetCurrentDomain from '~/composables/useGetCurrentDomain';
+import { removeBEdomain } from '~/utils/removeBEdomain';
 
 definePageMeta({
   layout: 'default',
@@ -66,12 +69,12 @@ const renderLayoutBlock = (viewName: string) => {
 };
 
 const openGraph = ref(viewData?.field_meta_tags?.html_head);
-console.log('Open graph', openGraph.value);
 
 useHead({
   htmlAttrs: {
     lang: 'da',
   },
+
   title: openGraph.value.title?.attributes?.content,
   meta: [
     {
@@ -323,13 +326,13 @@ useHead({
     },
   ],
   link: [
-    // {
-    //   rel: 'canonical',
-    //   href: seoCanonicalUrlHandler(
-    //     openGraph.value.canonical_url?.attributes?.href,
-    //     props.data?.is_frontpage,
-    //   ),
-    // },
+    {
+      rel: 'canonical',
+      href: seoCanonicalUrlHandler(
+        openGraph.value.canonical_url?.attributes?.href,
+        viewData?.is_frontpage,
+      ),
+    },
     { rel: 'image_src', href: openGraph.value.image_src?.attributes?.href },
   ],
 });