[{"data":1,"prerenderedAt":347},["ShallowReactive",2],{"navigation":3,"\u002Fusage\u002Freducing-bundle-size":78,"\u002Fusage\u002Freducing-bundle-size-surround":342},[4,18,53],{"title":5,"path":6,"stem":7,"children":8,"icon":17},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12],{"title":10,"path":6,"stem":7,"icon":11},"Installation","i-lucide-download",{"title":13,"path":14,"stem":15,"icon":16},"Module Options","\u002Fgetting-started\u002Foptions","1.getting-started\u002F2.options","i-lucide-sliders-vertical",false,{"title":19,"icon":17,"path":20,"stem":21,"children":22,"page":17},"Usage","\u002Fusage","2.usage",[23,28,33,38,43,48],{"title":24,"path":25,"stem":26,"icon":27},"Component","\u002Fusage\u002Fcomponent","2.usage\u002F1.component","i-lucide-square-code",{"title":29,"path":30,"stem":31,"icon":32},"Styling with CSS","\u002Fusage\u002Fstyling-with-css","2.usage\u002F2.styling-with-css","i-simple-icons-css",{"title":34,"path":35,"stem":36,"icon":37},"Styling with Tailwind","\u002Fusage\u002Fstyling-with-tailwind","2.usage\u002F3.styling-with-tailwind","i-simple-icons-tailwindcss",{"title":39,"path":40,"stem":41,"icon":42},"Supported Networks","\u002Fusage\u002Fsupported-networks","2.usage\u002F4.supported-networks","i-lucide-users",{"title":44,"path":45,"stem":46,"icon":47},"Composable","\u002Fusage\u002Fcomposable","2.usage\u002F5.composable","i-lucide-square-function",{"title":49,"path":50,"stem":51,"icon":52},"Reducing Bundle Size","\u002Fusage\u002Freducing-bundle-size","2.usage\u002F6.reducing-bundle-size","i-lucide-package-minus",{"title":54,"icon":17,"path":55,"stem":56,"children":57,"page":17},"Examples","\u002Fexamples","3.examples",[58,63,68,73],{"title":59,"path":60,"stem":61,"icon":62},"Localization","\u002Fexamples\u002Flocalization","3.examples\u002F1.localization","i-lucide-languages",{"title":64,"path":65,"stem":66,"icon":67},"Dynamic baseUrl","\u002Fexamples\u002Fdynamic-baseurl","3.examples\u002F2.dynamic-baseurl","i-lucide-compass",{"title":69,"path":70,"stem":71,"icon":72},"Using multiple buttons","\u002Fexamples\u002Fmultiple-buttons","3.examples\u002F4.multiple-buttons","i-lucide-stretch-horizontal",{"title":74,"path":75,"stem":76,"icon":77},"Custom Styling","\u002Fexamples\u002Fcustom-styling","3.examples\u002F5.custom-styling","i-lucide-swatch-book",{"id":79,"title":49,"body":80,"description":334,"extension":335,"links":336,"meta":337,"navigation":338,"path":50,"seo":339,"sitemap":340,"stem":51,"__hash__":341},"docs\u002F2.usage\u002F6.reducing-bundle-size.md",{"type":81,"value":82,"toc":328},"minimark",[83,88,92,95,103,106,244,258,279,283,297,301,324],[84,85,87],"h2",{"id":86},"why","Why",[89,90,91],"p",{},"By default, all supported networks are bundled with your app, even if you only ever render a couple of them. Each network's data (icon, share URL template, color) is small on its own, but most sites only need a handful, so it is usually not necessary to load all 20+ of them.",[84,93,19],{"id":94},"usage",[89,96,97,98,102],{},"If you know in advance which networks your site needs, you can set the optional ",[99,100,101],"code",{},"networks"," key in the module configuration, to define a whitelist of network names.",[89,104,105],{},"Networks not listed here will be excluded from the build entirely, rather than just being unused code in the final bundle:",[107,108,114],"pre",{"className":109,"code":110,"filename":111,"language":112,"meta":113,"style":113},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  socialShare: {\n    baseUrl: 'https:\u002F\u002Fwww.yoursite.com',\n    networks: ['facebook', 'x', 'linkedin', 'email'], \u002F\u002F only these get bundled\n  },\n})\n","nuxt.config.ts","ts","",[99,115,116,140,153,174,229,235],{"__ignoreMap":113},[117,118,121,125,128,132,136],"span",{"class":119,"line":120},"line",1,[117,122,124],{"class":123},"s7zQu","export",[117,126,127],{"class":123}," default",[117,129,131],{"class":130},"s2Zo4"," defineNuxtConfig",[117,133,135],{"class":134},"sTEyZ","(",[117,137,139],{"class":138},"sMK4o","{\n",[117,141,143,147,150],{"class":119,"line":142},2,[117,144,146],{"class":145},"swJcz","  socialShare",[117,148,149],{"class":138},":",[117,151,152],{"class":138}," {\n",[117,154,156,159,161,164,168,171],{"class":119,"line":155},3,[117,157,158],{"class":145},"    baseUrl",[117,160,149],{"class":138},[117,162,163],{"class":138}," '",[117,165,167],{"class":166},"sfazB","https:\u002F\u002Fwww.yoursite.com",[117,169,170],{"class":138},"'",[117,172,173],{"class":138},",\n",[117,175,177,180,182,185,187,190,192,195,197,200,202,204,206,209,211,213,215,218,220,223,225],{"class":119,"line":176},4,[117,178,179],{"class":145},"    networks",[117,181,149],{"class":138},[117,183,184],{"class":134}," [",[117,186,170],{"class":138},[117,188,189],{"class":166},"facebook",[117,191,170],{"class":138},[117,193,194],{"class":138},",",[117,196,163],{"class":138},[117,198,199],{"class":166},"x",[117,201,170],{"class":138},[117,203,194],{"class":138},[117,205,163],{"class":138},[117,207,208],{"class":166},"linkedin",[117,210,170],{"class":138},[117,212,194],{"class":138},[117,214,163],{"class":138},[117,216,217],{"class":166},"email",[117,219,170],{"class":138},[117,221,222],{"class":134},"]",[117,224,194],{"class":138},[117,226,228],{"class":227},"sHwdD"," \u002F\u002F only these get bundled\n",[117,230,232],{"class":119,"line":231},5,[117,233,234],{"class":138},"  },\n",[117,236,238,241],{"class":119,"line":237},6,[117,239,240],{"class":138},"}",[117,242,243],{"class":134},")\n",[89,245,246,247,250,251,254,255,257],{},"See ",[248,249,39],"a",{"href":40}," for the full list of valid names, including aliases (e.g. ",[99,252,253],{},"twitter"," for ",[99,256,199],{},").",[259,260,261],"tip",{},[89,262,263,264,267,268,271,272],{},"Once this is set, you can read the same list back in your own components via ",[99,265,266],{},"useRuntimeConfig().public.socialShare.networks"," instead of hardcoding it a second time wherever you render your share buttons.",[269,270],"br",{},"\nSee ",[248,273,275,276,278],{"href":274},"\u002Fexamples\u002Fmultiple-buttons#avoiding-duplication-with-the-networks-option","Avoiding duplication with the ",[99,277,101],{}," option",[84,280,282],{"id":281},"what-happens-with-excluded-networks","What happens with excluded networks",[89,284,285,286,289,290,293,294,296],{},"If a ",[99,287,288],{},"\u003CSocialShare>"," component (or a ",[99,291,292],{},"useSocialShare()"," call) references a network that isn't in your ",[99,295,101],{}," list, it fails gracefully: no share button is rendered, and a warning is logged to the console explaining that the network was excluded by your configuration (as opposed to being genuinely unsupported), so you know to add it to the list rather than assuming you made a typo.",[84,298,300],{"id":299},"nuxt-layers","Nuxt Layers",[259,302,303],{},[89,304,305,306,311,312,315,316,319,320,323],{},"If you use ",[248,307,300],{"href":308,"rel":309},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Flayers",[310],"nofollow",", be aware that array options are merged by concatenation, not overridden: a base layer's ",[99,313,314],{},"networks: ['facebook']"," combined with an extending app's ",[99,317,318],{},"networks: ['linkedin']"," results in ",[99,321,322],{},"networks: ['linkedin', 'facebook']",", not just the app's value.",[325,326,327],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":113,"searchDepth":120,"depth":142,"links":329},[330,331,332,333],{"id":86,"depth":142,"text":87},{"id":94,"depth":142,"text":19},{"id":281,"depth":142,"text":282},{"id":299,"depth":142,"text":300},"Exclude unused networks from your final bundle with the 'networks' module option.","md",null,{},{"icon":52},{"title":49,"description":334},{"loc":50},"p_AixnGEHxU2TZalTvwD_URSWatgM-BjMrrlS8eiiKM",[343,345],{"title":44,"path":45,"stem":46,"description":344,"icon":47,"children":-1},"How to use the 'useSocialShare' composable.",{"title":59,"path":60,"stem":61,"description":346,"icon":62,"children":-1},"How to provide social sharing buttons in your needed languages.",1785329974561]