docs: share image

Author: logaretm

docs/src/components/SiteHead.astro

@@ -1,17 +1,23 @@
 ---
-import { generateMetaTags } from '@/utils/seo';
+import { generateMetaTags, generateSocialImage } from '@/utils/seo';
 import config from '@/config';
 
 const { frontmatter } = Astro.props;
 
 const title = frontmatter?.title || 'VeeValidate: Painless Vue.js forms';
-const description = frontmatter?.title || 'Painless Vue.js forms';
+const description = frontmatter?.description || 'Painless Vue.js forms';
 const path = frontmatter?.url || '/';
+const image = generateSocialImage({
+  title: title,
+  tagline: description,
+  imagePublicID: 'open-source/vee-validate-share.png',
+});
 
 const metaTags = generateMetaTags({
   title,
   description,
   url: `${config.appURL}${path}`,
+  image,
 });
 ---
 

docs/src/pages/integrations/nuxt.mdx

@@ -1,7 +1,7 @@
 ---
 layout: ../../layouts/PageLayout.astro
 title: Nuxt integration
-description: VeeValidate Integration with nuxt
+description: VeeValidate Nuxt module
 order: 3
 ---