[{"data":1,"prerenderedAt":356},["ShallowReactive",2],{"navigation_docs":3,"-api-composables-use-mixpanel":90,"-api-composables-use-mixpanel-surround":351},[4,19,37],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":18},"Get Started","i-lucide-rocket","\u002Fget-started","1.get-started",[10,14],{"title":11,"path":12,"stem":13},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F1.installation",{"title":15,"path":16,"stem":17},"Configuration","\u002Fget-started\u002Fconfiguration","1.get-started\u002F2.configuration",false,{"title":20,"icon":21,"path":22,"stem":23,"children":24,"page":18},"Integration","i-lucide-plug","\u002Fintegration","2.integration",[25,29,33],{"title":26,"path":27,"stem":28},"Browser","\u002Fintegration\u002Fbrowser","2.integration\u002F1.browser",{"title":30,"path":31,"stem":32},"Nitro","\u002Fintegration\u002Fnitro","2.integration\u002F2.nitro",{"title":34,"path":35,"stem":36},"Pageviews","\u002Fintegration\u002Fpageviews","2.integration\u002F3.pageviews",{"title":38,"icon":39,"path":40,"stem":41,"children":42,"page":18},"API","i-lucide-code-xml","\u002Fapi","3.api",[43,48,62,76,81],{"title":44,"path":45,"stem":46,"icon":47},"Module options","\u002Fapi\u002Foptions","3.api\u002F0.options","i-lucide-sliders-horizontal",{"title":49,"icon":50,"path":51,"stem":52,"children":53,"page":18},"Composables","i-lucide-arrow-left-right","\u002Fapi\u002Fcomposables","3.api\u002F1.composables",[54,58],{"title":55,"path":56,"stem":57},"useMixpanel","\u002Fapi\u002Fcomposables\u002Fuse-mixpanel","3.api\u002F1.composables\u002F1.use-mixpanel",{"title":59,"path":60,"stem":61},"useMixpanelServer","\u002Fapi\u002Fcomposables\u002Fuse-mixpanel-server","3.api\u002F1.composables\u002F2.use-mixpanel-server",{"title":63,"icon":64,"path":65,"stem":66,"children":67,"page":18},"Configuration helpers","i-lucide-square-function","\u002Fapi\u002Futils","3.api\u002F2.utils",[68,72],{"title":69,"path":70,"stem":71},"defineMixpanelClientConfig","\u002Fapi\u002Futils\u002Fdefine-mixpanel-client-config","3.api\u002F2.utils\u002F1.define-mixpanel-client-config",{"title":73,"path":74,"stem":75},"defineMixpanelServerConfig","\u002Fapi\u002Futils\u002Fdefine-mixpanel-server-config","3.api\u002F2.utils\u002F2.define-mixpanel-server-config",{"title":77,"path":78,"stem":79,"icon":80},"Page meta","\u002Fapi\u002Fpage-meta","3.api\u002F3.page-meta","i-lucide-file-cog",{"title":82,"icon":21,"path":83,"stem":84,"children":85,"page":18},"Hooks","\u002Fapi\u002Fhooks","3.api\u002F4.hooks",[86],{"title":87,"path":88,"stem":89},"mixpanel:pageview","\u002Fapi\u002Fhooks\u002Fpageview","3.api\u002F4.hooks\u002F1.pageview",{"id":91,"title":55,"body":92,"description":344,"extension":345,"links":346,"meta":347,"navigation":348,"path":56,"seo":349,"stem":57,"__hash__":350},"docs\u002F3.api\u002F1.composables\u002F1.use-mixpanel.md",{"type":93,"value":94,"toc":337},"minimark",[95,103,108,141,154,158,178,215,219,232,247,251,261,317,321,333],[96,97,98,102],"p",{},[99,100,101],"code",{},"useMixpanel()"," returns the browser SDK client provided by the module. It is auto-imported in the Nuxt app.",[104,105,107],"h2",{"id":106},"usage","Usage",[109,110,115],"pre",{"className":111,"code":112,"language":113,"meta":114,"style":114},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const mixpanel = useMixpanel()\n","ts","",[99,116,117],{"__ignoreMap":114},[118,119,122,126,130,134,138],"span",{"class":120,"line":121},"line",1,[118,123,125],{"class":124},"spNyl","const",[118,127,129],{"class":128},"sTEyZ"," mixpanel ",[118,131,133],{"class":132},"sMK4o","=",[118,135,137],{"class":136},"s2Zo4"," useMixpanel",[118,139,140],{"class":128},"()\n",[96,142,143,144,147,148,153],{},"The same client is available as ",[99,145,146],{},"useNuxtApp().$mixpanel",". Call the composable in component setup or a ",[149,150,152],"a",{"href":151},"\u002Fintegration\u002Fbrowser#nuxt-plugins","Nuxt plugin",".",[104,155,157],{"id":156},"type","Type",[109,159,162],{"className":111,"code":160,"filename":161,"language":113,"meta":114,"style":114},"function useMixpanel(): MixpanelClient\n","Signature",[99,163,164],{"__ignoreMap":114},[118,165,166,169,171,174],{"class":120,"line":121},[118,167,168],{"class":124},"function",[118,170,137],{"class":136},[118,172,173],{"class":132},"():",[118,175,177],{"class":176},"sBMFI"," MixpanelClient\n",[109,179,182],{"className":111,"code":180,"filename":181,"language":113,"meta":114,"style":114},"import type { MixpanelClient } from 'mixpanel-nuxt\u002Fconfig'\n","Type import",[99,183,184],{"__ignoreMap":114},[118,185,186,190,193,196,199,202,205,208,212],{"class":120,"line":121},[118,187,189],{"class":188},"s7zQu","import",[118,191,192],{"class":188}," type",[118,194,195],{"class":132}," {",[118,197,198],{"class":128}," MixpanelClient",[118,200,201],{"class":132}," }",[118,203,204],{"class":188}," from",[118,206,207],{"class":132}," '",[118,209,211],{"class":210},"sfazB","mixpanel-nuxt\u002Fconfig",[118,213,214],{"class":132},"'\n",[104,216,218],{"id":217},"return-value","Return value",[96,220,221,224,225,231],{},[99,222,223],{},"MixpanelClient"," exposes the ",[149,226,230],{"href":227,"rel":228},"https:\u002F\u002Fdocs.mixpanel.com\u002Fdocs\u002Ftracking-methods\u002Fsdks\u002Fjavascript",[229],"nofollow","Mixpanel browser SDK",", including its method options and callbacks.",[96,233,234,235,238,239,242,243,246],{},"Read methods include ",[99,236,237],{},"undefined"," in their return types because the client can be inactive. ",[99,240,241],{},"get_distinct_id()"," returns ",[99,244,245],{},"string | undefined","; Promise-based feature flag reads also include absent values.",[104,248,250],{"id":249},"inactive-client","Inactive client",[96,252,253,254,257,258,153],{},"The client is inactive during SSR or when ",[99,255,256],{},"client.enabled"," is ",[99,259,260],{},"false",[262,263,264,277],"table",{},[265,266,267],"thead",{},[268,269,270,274],"tr",{},[271,272,273],"th",{},"Operation",[271,275,276],{},"Behavior",[278,279,280,289,299,309],"tbody",{},[268,281,282,286],{},[283,284,285],"td",{},"Tracking and state changes",[283,287,288],{},"Discarded; nothing is queued for the browser.",[268,290,291,294],{},[283,292,293],{},"Synchronous reads",[283,295,296,297,153],{},"Return ",[99,298,237],{},[268,300,301,304],{},[283,302,303],{},"Asynchronous reads",[283,305,306,307,153],{},"Resolve to ",[99,308,237],{},[268,310,311,314],{},[283,312,313],{},"Tracking callbacks",[283,315,316],{},"Not invoked.",[318,319,320],"warning",{},"A Promise waiting for a tracking callback remains pending when the client is inactive.",[96,322,323,324,327,328,332],{},"See ",[149,325,326],{"href":27},"Browser integration"," for component and plugin examples and ",[149,329,331],{"href":330},"\u002Fintegration\u002Fbrowser#server-rendering","server rendering"," for hydration behavior.",[334,335,336],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":114,"searchDepth":338,"depth":338,"links":339},2,[340,341,342,343],{"id":106,"depth":338,"text":107},{"id":156,"depth":338,"text":157},{"id":217,"depth":338,"text":218},{"id":249,"depth":338,"text":250},"Access the Mixpanel browser client from the Nuxt app.","md",null,{},true,{"title":55,"description":344},"z83nKRBdk1NEJVZGVn2OPf6Sl1aPz_fIx-MxJAggY7E",[352,354],{"title":44,"path":45,"stem":46,"description":353,"icon":47,"children":-1},"Types, defaults and runtime keys for the mixpanel configuration.",{"title":59,"path":60,"stem":61,"description":355,"children":-1},"Access the shared Mixpanel Node client in Nitro.",1791420521987]