Hi, I'm trying to use the useSocialShare composable from the nuxt-so

How to correctly use the useSocialShare composable in nuxt-social-share? about nuxt-social-share HOT 1 CLOSED

hoanghiep1x0 commented on June 23, 2024

How to correctly use the useSocialShare composable in nuxt-social-share?

from nuxt-social-share.

Comments (1)

stefanobartoletti commented on June 23, 2024

Hi, the composable is not returning a function, but an object with all the data you need to build your own custom sharing component:

{
  "name": "facebook", // Name of the selected social network
  "shareUrl": "https://www.facebook.com/sharer/sharer.php?u=https://www.example.com", // Sharing url
  "icon": {
    "viewBox": "0 0 24 24",
    "path": "M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z"
  }, // SVG Icon attributes
  "color": "#0866FF" // Main brand color of the selected network
}

This is explained in the docs too.

Anyway, the best option is to try using the component first and use its customization capabilities, it should cover almost all use cases, and resort to using the composable only if the component is not enough.

from nuxt-social-share.

Recommend Projects