Add meta tags for Twitter

Nuxtify-drupal · May 12, 2024 · cb1aead · cb1aead
1 parent 3724ba8
commit cb1aead
Show file tree

Hide file tree

Showing 9 changed files with 336 additions and 548 deletions.
diff --git a/composer.lock b/composer.lock
diff --git a/frontend/base/app.vue b/frontend/base/app.vue
@@ -28,6 +28,11 @@ useHead({
     },
   ],
   link: [
+    {
+      rel: 'icon',
+      type: 'image/x-icon',
+      href: '/favicon.ico',
+    },
     {
       rel: 'manifest',
       href: '/manifest.json',
@@ -45,6 +50,14 @@ async function onBeforeEnter() {
 }
 
 defineOgImageComponent('LayoutOgImage')
+
+const route = useRoute()
+
+useSeoMeta({
+  ogImage: `${config.public.baseUrl}/__og-image__/image${route.path}/og.png`,
+  twitterImage: `${config.public.baseUrl}/__og-image__/image${route.path}/og.png`,
+  twitterCard: 'summary_large_image',
+})
 </script>
 
 <template>
@@ -65,6 +78,6 @@ defineOgImageComponent('LayoutOgImage')
       }"
     />
 
-    <LazyToastContainer />
+    <ToastContainer />
   </NuxtLayout>
 </template>
diff --git a/frontend/base/components/layout/LayoutOgImage.server.vue b/frontend/base/components/layout/LayoutOgImage.server.vue
@@ -9,7 +9,7 @@ const config = useRuntimeConfig()
 
 <template>
   <div class="w-full h-full px-12 text-2xl">
-    <div class="flex items-center gap-4 py-8 mb-12 border-b border-gray-200">
+    <div class="flex flex-row items-center gap-4 py-8 mb-12 border-b border-gray-200">
       <img
         src="/logo-512.png"
         height="96px"

diff --git a/frontend/base/nuxt.config.ts b/frontend/base/nuxt.config.ts
@@ -42,11 +42,6 @@ export default defineNuxtConfig({
   },
 
   nitro: {
-    compressPublicAssets: {
-      gzip: true,
-      brotli: true,
-    },
-    minify: true,
     storage: {
       cacheData: {
         driver: 'lruCache',

diff --git a/frontend/base/pages/user/login/index.vue b/frontend/base/pages/user/login/index.vue
@@ -54,6 +54,11 @@ useHead({
     },
   ],
 })
+
+useSeoMeta({
+  twitterTitle: t('login'),
+  twitterDescription: t('login'),
+})
 </script>
 
 <template>

diff --git a/frontend/base/pages/user/register/index.vue b/frontend/base/pages/user/register/index.vue
@@ -63,6 +63,11 @@ useHead({
     },
   ],
 })
+
+useSeoMeta({
+  twitterTitle: t('register'),
+  twitterDescription: t('register'),
+})
 </script>
 
 <template>