feat: Seo meta tag

pages/bai-viet/[slug].vue

@@ -16,6 +16,7 @@ import { useDynamicPageStore } from '~/stores/dynamic-page';
 import { useArticleStore } from '~/stores/articles';
 const { currentPage, sectionPublished, componentPublished } = storeToRefs(useDynamicPageStore());
 const { currentArticle } = storeToRefs(useArticleStore());
+
 const store = reactive({
   dynamicPage: useDynamicPageStore(),
   article: useArticleStore(),
@@ -37,7 +38,6 @@ const loadPage = async (contentType: string | number) => {
 
 watch(currentArticle, async () => {
   let isContentType : string = '';
-  console.log(currentArticle.value, 'type')
   switch (currentArticle.value?.contentType) {
     case 1:
         isContentType = 'trang-doi-song'
@@ -67,15 +67,16 @@ watch(currentArticle, async () => {
         isContentType = 'trang-chi-tiet-emagazine'
         break;
   }
-  await loadPage(isContentType)
+  await loadPage(isContentType);
 }, { deep: true })
 
 useSeoMeta({
-    title: currentArticle.value?.title?.replace(/<[^>]+>/g, ''),
-    ogTitle: currentArticle.value?.title,
-    description: currentArticle.value?.intro,
-    ogDescription: currentArticle.value?.intro,
-    ogImage: currentArticle.value?.thumbnail,
+  title: () => currentArticle.value?.title?.replace(/<[^>]+>/g, ''),
+  description: () => currentArticle.value?.intro,
+  ogTitle: () => currentArticle.value?.title,
+  ogImage: () => currentArticle.value?.thumbnail,
+  ogDescription: () => currentArticle.value?.intro,
+  twitterCard: 'summary_large_image',
 })
 </script>