Add social share option

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

nuxt.config.ts

@@ -53,6 +53,7 @@ export default defineNuxtConfig({
     '@nuxtjs/color-mode',
     'nuxt-simple-sitemap',
     '@nuxtjs/tailwindcss',
+    '@stefanobartoletti/nuxt-social-share',
   ],
 
   content: {

package.json

@@ -18,12 +18,13 @@
     "@nuxtjs/fontaine": "^0.4.1",
     "@nuxtjs/robots": "^3.0.0",
     "@nuxtjs/tailwindcss": "^6.11.4",
+    "@stefanobartoletti/nuxt-social-share": "^0.6.1",
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.10",
     "@vueuse/core": "^10.9.0",
     "@vueuse/nuxt": "^10.9.0",
     "eslint": "^8.39.0",
-    "nuxt": "^3.11.1",
+    "nuxt": "^3.11.2",
     "nuxt-icon": "^0.6.8",
     "nuxt-og-image": "^3.0.0-rc.38",
     "nuxt-simple-sitemap": "^4.2.0",

pages/blogs/[blog].vue

@@ -109,5 +109,16 @@ defineOgImageComponent('Test', {
       </div>
     </div>
     <BlogToc />
+
+    <div class="flex flex-row gap-2">
+      <SocialShare
+        v-for="network in ['facebook', 'twitter', 'linkedin', 'email']"
+        :key="network"
+        :network="network"
+        :styled="true"
+        :label="false"
+        class="p-4"
+      />
+    </div>
   </div>
 </template>