[{"data":1,"prerenderedAt":2080},["ShallowReactive",2],{"navigation":3,"/essentials/examples":53,"/essentials/examples-surround":2077},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","/getting-started","1.getting-started/1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Usage","/getting-started/usage","1.getting-started/3.usage","i-lucide-code-2",{"title":23,"path":24,"stem":25,"icon":26},"Migration Guide","/getting-started/migration","1.getting-started/4.migration","i-lucide-arrow-up-circle",false,{"title":29,"path":30,"stem":31,"children":32,"page":27},"Essentials","/essentials","2.essentials",[33,38,43,48],{"title":34,"path":35,"stem":36,"icon":37},"Event Listeners","/essentials/event-listeners","2.essentials/1.event-listeners","i-lucide-bell",{"title":39,"path":40,"stem":41,"icon":42},"Setters","/essentials/setters","2.essentials/2.setters","i-lucide-user-pen",{"title":44,"path":45,"stem":46,"icon":47},"TypeScript","/essentials/typescript","2.essentials/3.typescript","lineicons:typescript",{"title":49,"path":50,"stem":51,"icon":52},"Examples","/essentials/examples","2.essentials/4.examples","i-lucide-layout-template",{"id":54,"title":49,"body":55,"description":2068,"extension":2069,"links":2070,"meta":2071,"navigation":2072,"path":50,"seo":2073,"stem":51,"__hash__":2076},"docs/2.essentials/4.examples.md",{"type":56,"value":57,"toc":2060},"minimark",[58,63,67,619,622,626,629,898,917,919,923,926,1253,1255,1259,1262,1492,1494,1498,1501,1783,1785,1789,1798,2056],[59,60,62],"h2",{"id":61},"custom-chat-button-with-unread-badge","Custom Chat Button with Unread Badge",[64,65,66],"p",{},"Replace the default Tawk.to widget bubble with your own custom button. Hide the native bubble and show your own UI instead.",[68,69,75],"pre",{"className":70,"code":71,"filename":72,"language":73,"meta":74,"style":74},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst {\n  isHidden,\n  unreadCount,\n  status,\n  showWidget,\n  hideWidget,\n  onLoad,\n  onUnreadCountChanged\n} = useTawk()\n\nconst cleanupFns: Array\u003C() => void> = []\n\nonMounted(() => {\n  // Hide the native bubble once loaded\n  cleanupFns.push(\n    onLoad(() => hideWidget())\n  )\n\n  // Track unread count changes\n  cleanupFns.push(\n    onUnreadCountChanged((count) => {\n      console.log('Unread:', count)\n    })\n  )\n})\n\nonUnmounted(() => cleanupFns.forEach(fn => fn()))\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cbutton\n    class=\"fixed bottom-6 right-6 w-14 h-14 rounded-full bg-green-500 text-white shadow-lg flex items-center justify-center\"\n    @click=\"isHidden ? showWidget() : hideWidget()\"\n  >\n    💬\n    \u003Cspan\n      v-if=\"unreadCount > 0\"\n      class=\"absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center\"\n    >\n      {{ unreadCount }}\n    \u003C/span>\n  \u003C/button>\n\u003C/template>\n","components/ChatButton.vue","vue","",[76,77,78,113,122,132,140,148,156,164,172,178,194,201,233,238,254,261,276,294,300,305,311,322,343,373,381,386,393,398,430,440,445,455,464,480,512,518,524,533,556,571,577,589,599,610],"code",{"__ignoreMap":74},[79,80,83,87,91,95,98,101,104,108,110],"span",{"class":81,"line":82},"line",1,[79,84,86],{"class":85},"sMK4o","\u003C",[79,88,90],{"class":89},"swJcz","script",[79,92,94],{"class":93},"spNyl"," setup",[79,96,97],{"class":93}," lang",[79,99,100],{"class":85},"=",[79,102,103],{"class":85},"\"",[79,105,107],{"class":106},"sfazB","ts",[79,109,103],{"class":85},[79,111,112],{"class":85},">\n",[79,114,116,119],{"class":81,"line":115},2,[79,117,118],{"class":93},"const",[79,120,121],{"class":85}," {\n",[79,123,125,129],{"class":81,"line":124},3,[79,126,128],{"class":127},"sTEyZ","  isHidden",[79,130,131],{"class":85},",\n",[79,133,135,138],{"class":81,"line":134},4,[79,136,137],{"class":127},"  unreadCount",[79,139,131],{"class":85},[79,141,143,146],{"class":81,"line":142},5,[79,144,145],{"class":127},"  status",[79,147,131],{"class":85},[79,149,151,154],{"class":81,"line":150},6,[79,152,153],{"class":127},"  showWidget",[79,155,131],{"class":85},[79,157,159,162],{"class":81,"line":158},7,[79,160,161],{"class":127},"  hideWidget",[79,163,131],{"class":85},[79,165,167,170],{"class":81,"line":166},8,[79,168,169],{"class":127},"  onLoad",[79,171,131],{"class":85},[79,173,175],{"class":81,"line":174},9,[79,176,177],{"class":127},"  onUnreadCountChanged\n",[79,179,181,184,187,191],{"class":81,"line":180},10,[79,182,183],{"class":85},"}",[79,185,186],{"class":85}," =",[79,188,190],{"class":189},"s2Zo4"," useTawk",[79,192,193],{"class":127},"()\n",[79,195,197],{"class":81,"line":196},11,[79,198,200],{"emptyLinePlaceholder":199},true,"\n",[79,202,204,206,209,212,216,219,222,225,228,230],{"class":81,"line":203},12,[79,205,118],{"class":93},[79,207,208],{"class":127}," cleanupFns",[79,210,211],{"class":85},":",[79,213,215],{"class":214},"sBMFI"," Array",[79,217,218],{"class":85},"\u003C()",[79,220,221],{"class":93}," =>",[79,223,224],{"class":214}," void",[79,226,227],{"class":85},">",[79,229,186],{"class":85},[79,231,232],{"class":127}," []\n",[79,234,236],{"class":81,"line":235},13,[79,237,200],{"emptyLinePlaceholder":199},[79,239,241,244,247,250,252],{"class":81,"line":240},14,[79,242,243],{"class":189},"onMounted",[79,245,246],{"class":127},"(",[79,248,249],{"class":85},"()",[79,251,221],{"class":93},[79,253,121],{"class":85},[79,255,257],{"class":81,"line":256},15,[79,258,260],{"class":259},"sHwdD","  // Hide the native bubble once loaded\n",[79,262,264,267,270,273],{"class":81,"line":263},16,[79,265,266],{"class":127},"  cleanupFns",[79,268,269],{"class":85},".",[79,271,272],{"class":189},"push",[79,274,275],{"class":89},"(\n",[79,277,279,282,284,286,288,291],{"class":81,"line":278},17,[79,280,281],{"class":189},"    onLoad",[79,283,246],{"class":89},[79,285,249],{"class":85},[79,287,221],{"class":93},[79,289,290],{"class":189}," hideWidget",[79,292,293],{"class":89},"())\n",[79,295,297],{"class":81,"line":296},18,[79,298,299],{"class":89},"  )\n",[79,301,303],{"class":81,"line":302},19,[79,304,200],{"emptyLinePlaceholder":199},[79,306,308],{"class":81,"line":307},20,[79,309,310],{"class":259},"  // Track unread count changes\n",[79,312,314,316,318,320],{"class":81,"line":313},21,[79,315,266],{"class":127},[79,317,269],{"class":85},[79,319,272],{"class":189},[79,321,275],{"class":89},[79,323,325,328,330,332,336,339,341],{"class":81,"line":324},22,[79,326,327],{"class":189},"    onUnreadCountChanged",[79,329,246],{"class":89},[79,331,246],{"class":85},[79,333,335],{"class":334},"sHdIc","count",[79,337,338],{"class":85},")",[79,340,221],{"class":93},[79,342,121],{"class":85},[79,344,346,349,351,354,356,359,362,364,367,370],{"class":81,"line":345},23,[79,347,348],{"class":127},"      console",[79,350,269],{"class":85},[79,352,353],{"class":189},"log",[79,355,246],{"class":89},[79,357,358],{"class":85},"'",[79,360,361],{"class":106},"Unread:",[79,363,358],{"class":85},[79,365,366],{"class":85},",",[79,368,369],{"class":127}," count",[79,371,372],{"class":89},")\n",[79,374,376,379],{"class":81,"line":375},24,[79,377,378],{"class":85},"    }",[79,380,372],{"class":89},[79,382,384],{"class":81,"line":383},25,[79,385,299],{"class":89},[79,387,389,391],{"class":81,"line":388},26,[79,390,183],{"class":85},[79,392,372],{"class":127},[79,394,396],{"class":81,"line":395},27,[79,397,200],{"emptyLinePlaceholder":199},[79,399,401,404,406,408,410,412,414,417,419,422,424,427],{"class":81,"line":400},28,[79,402,403],{"class":189},"onUnmounted",[79,405,246],{"class":127},[79,407,249],{"class":85},[79,409,221],{"class":93},[79,411,208],{"class":127},[79,413,269],{"class":85},[79,415,416],{"class":189},"forEach",[79,418,246],{"class":127},[79,420,421],{"class":334},"fn",[79,423,221],{"class":93},[79,425,426],{"class":189}," fn",[79,428,429],{"class":127},"()))\n",[79,431,433,436,438],{"class":81,"line":432},29,[79,434,435],{"class":85},"\u003C/",[79,437,90],{"class":89},[79,439,112],{"class":85},[79,441,443],{"class":81,"line":442},30,[79,444,200],{"emptyLinePlaceholder":199},[79,446,448,450,453],{"class":81,"line":447},31,[79,449,86],{"class":85},[79,451,452],{"class":89},"template",[79,454,112],{"class":85},[79,456,458,461],{"class":81,"line":457},32,[79,459,460],{"class":85},"  \u003C",[79,462,463],{"class":89},"button\n",[79,465,467,470,472,474,477],{"class":81,"line":466},33,[79,468,469],{"class":93},"    class",[79,471,100],{"class":85},[79,473,103],{"class":85},[79,475,476],{"class":106},"fixed bottom-6 right-6 w-14 h-14 rounded-full bg-green-500 text-white shadow-lg flex items-center justify-center",[79,478,479],{"class":85},"\"\n",[79,481,483,486,489,491,493,496,499,502,505,508,510],{"class":81,"line":482},34,[79,484,485],{"class":85},"    @",[79,487,488],{"class":93},"click",[79,490,100],{"class":85},[79,492,103],{"class":85},[79,494,495],{"class":127},"isHidden",[79,497,498],{"class":85}," ? ",[79,500,501],{"class":189},"showWidget",[79,503,504],{"class":85},"() : ",[79,506,507],{"class":189},"hideWidget",[79,509,249],{"class":85},[79,511,479],{"class":85},[79,513,515],{"class":81,"line":514},35,[79,516,517],{"class":85},"  >\n",[79,519,521],{"class":81,"line":520},36,[79,522,523],{"class":127},"    💬\n",[79,525,527,530],{"class":81,"line":526},37,[79,528,529],{"class":85},"    \u003C",[79,531,532],{"class":89},"span\n",[79,534,536,540,542,544,547,550,554],{"class":81,"line":535},38,[79,537,539],{"class":538},"s7zQu","      v-if",[79,541,100],{"class":85},[79,543,103],{"class":85},[79,545,546],{"class":127},"unreadCount",[79,548,549],{"class":85}," > ",[79,551,553],{"class":552},"sbssI","0",[79,555,479],{"class":85},[79,557,559,562,564,566,569],{"class":81,"line":558},39,[79,560,561],{"class":93},"      class",[79,563,100],{"class":85},[79,565,103],{"class":85},[79,567,568],{"class":106},"absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center",[79,570,479],{"class":85},[79,572,574],{"class":81,"line":573},40,[79,575,576],{"class":85},"    >\n",[79,578,580,583,586],{"class":81,"line":579},41,[79,581,582],{"class":85},"      {{",[79,584,585],{"class":127}," unreadCount ",[79,587,588],{"class":85},"}}\n",[79,590,592,595,597],{"class":81,"line":591},42,[79,593,594],{"class":85},"    \u003C/",[79,596,79],{"class":89},[79,598,112],{"class":85},[79,600,602,605,608],{"class":81,"line":601},43,[79,603,604],{"class":85},"  \u003C/",[79,606,607],{"class":89},"button",[79,609,112],{"class":85},[79,611,613,615,617],{"class":81,"line":612},44,[79,614,435],{"class":85},[79,616,452],{"class":89},[79,618,112],{"class":85},[620,621],"hr",{},[59,623,625],{"id":624},"identify-authenticated-users","Identify Authenticated Users",[64,627,628],{},"When a user logs into your app, forward their identity to Tawk.to so agents see who they're talking to.",[68,630,633],{"className":70,"code":631,"filename":632,"language":73,"meta":74,"style":74},"\u003Cscript setup lang=\"ts\">\nconst { visitor, setAttributes } = useTawk()\nconst user = useUser() // your auth composable\n\nwatchEffect(() => {\n  if (user.value) {\n    // Set basic visitor info\n    visitor({\n      name: user.value.name,\n      email: user.value.email,\n      hash: user.value.tawkHash // HMAC-SHA256 from your backend\n    })\n\n    // Set extra attributes visible in the dashboard\n    setAttributes({\n      plan: user.value.plan,\n      accountId: user.value.id\n    })\n  }\n})\n\u003C/script>\n","app.vue",[76,634,635,655,678,696,700,713,735,740,749,770,790,811,817,821,826,835,855,873,879,884,890],{"__ignoreMap":74},[79,636,637,639,641,643,645,647,649,651,653],{"class":81,"line":82},[79,638,86],{"class":85},[79,640,90],{"class":89},[79,642,94],{"class":93},[79,644,97],{"class":93},[79,646,100],{"class":85},[79,648,103],{"class":85},[79,650,107],{"class":106},[79,652,103],{"class":85},[79,654,112],{"class":85},[79,656,657,659,662,665,667,670,672,674,676],{"class":81,"line":115},[79,658,118],{"class":93},[79,660,661],{"class":85}," {",[79,663,664],{"class":127}," visitor",[79,666,366],{"class":85},[79,668,669],{"class":127}," setAttributes ",[79,671,183],{"class":85},[79,673,186],{"class":85},[79,675,190],{"class":189},[79,677,193],{"class":127},[79,679,680,682,685,687,690,693],{"class":81,"line":124},[79,681,118],{"class":93},[79,683,684],{"class":127}," user ",[79,686,100],{"class":85},[79,688,689],{"class":189}," useUser",[79,691,692],{"class":127},"() ",[79,694,695],{"class":259},"// your auth composable\n",[79,697,698],{"class":81,"line":134},[79,699,200],{"emptyLinePlaceholder":199},[79,701,702,705,707,709,711],{"class":81,"line":142},[79,703,704],{"class":189},"watchEffect",[79,706,246],{"class":127},[79,708,249],{"class":85},[79,710,221],{"class":93},[79,712,121],{"class":85},[79,714,715,718,721,724,726,729,732],{"class":81,"line":150},[79,716,717],{"class":538},"  if",[79,719,720],{"class":89}," (",[79,722,723],{"class":127},"user",[79,725,269],{"class":85},[79,727,728],{"class":127},"value",[79,730,731],{"class":89},") ",[79,733,734],{"class":85},"{\n",[79,736,737],{"class":81,"line":158},[79,738,739],{"class":259},"    // Set basic visitor info\n",[79,741,742,745,747],{"class":81,"line":166},[79,743,744],{"class":189},"    visitor",[79,746,246],{"class":89},[79,748,734],{"class":85},[79,750,751,754,756,759,761,763,765,768],{"class":81,"line":174},[79,752,753],{"class":89},"      name",[79,755,211],{"class":85},[79,757,758],{"class":127}," user",[79,760,269],{"class":85},[79,762,728],{"class":127},[79,764,269],{"class":85},[79,766,767],{"class":127},"name",[79,769,131],{"class":85},[79,771,772,775,777,779,781,783,785,788],{"class":81,"line":180},[79,773,774],{"class":89},"      email",[79,776,211],{"class":85},[79,778,758],{"class":127},[79,780,269],{"class":85},[79,782,728],{"class":127},[79,784,269],{"class":85},[79,786,787],{"class":127},"email",[79,789,131],{"class":85},[79,791,792,795,797,799,801,803,805,808],{"class":81,"line":196},[79,793,794],{"class":89},"      hash",[79,796,211],{"class":85},[79,798,758],{"class":127},[79,800,269],{"class":85},[79,802,728],{"class":127},[79,804,269],{"class":85},[79,806,807],{"class":127},"tawkHash",[79,809,810],{"class":259}," // HMAC-SHA256 from your backend\n",[79,812,813,815],{"class":81,"line":203},[79,814,378],{"class":85},[79,816,372],{"class":89},[79,818,819],{"class":81,"line":235},[79,820,200],{"emptyLinePlaceholder":199},[79,822,823],{"class":81,"line":240},[79,824,825],{"class":259},"    // Set extra attributes visible in the dashboard\n",[79,827,828,831,833],{"class":81,"line":256},[79,829,830],{"class":189},"    setAttributes",[79,832,246],{"class":89},[79,834,734],{"class":85},[79,836,837,840,842,844,846,848,850,853],{"class":81,"line":263},[79,838,839],{"class":89},"      plan",[79,841,211],{"class":85},[79,843,758],{"class":127},[79,845,269],{"class":85},[79,847,728],{"class":127},[79,849,269],{"class":85},[79,851,852],{"class":127},"plan",[79,854,131],{"class":85},[79,856,857,860,862,864,866,868,870],{"class":81,"line":278},[79,858,859],{"class":89},"      accountId",[79,861,211],{"class":85},[79,863,758],{"class":127},[79,865,269],{"class":85},[79,867,728],{"class":127},[79,869,269],{"class":85},[79,871,872],{"class":127},"id\n",[79,874,875,877],{"class":81,"line":296},[79,876,378],{"class":85},[79,878,372],{"class":89},[79,880,881],{"class":81,"line":302},[79,882,883],{"class":85},"  }\n",[79,885,886,888],{"class":81,"line":307},[79,887,183],{"class":85},[79,889,372],{"class":127},[79,891,892,894,896],{"class":81,"line":313},[79,893,435],{"class":85},[79,895,90],{"class":89},[79,897,112],{"class":85},[899,900,902],"callout",{"icon":901},"i-lucide-shield-check",[64,903,904,905,908,909,916],{},"The ",[76,906,907],{},"hash"," field enables ",[910,911,915],"a",{"href":912,"rel":913},"https://developer.tawk.to/jsapi/#article-security",[914],"nofollow","Tawk.to Secure Mode",". Generate it server-side using HMAC-SHA256 on the visitor's email with your Tawk.to API key.",[620,918],{},[59,920,922],{"id":921},"show-agent-status","Show Agent Status",[64,924,925],{},"Display real-time agent availability to let users know if live chat is available before they open the widget.",[68,927,930],{"className":70,"code":928,"filename":929,"language":73,"meta":74,"style":74},"\u003Cscript setup lang=\"ts\">\nconst { status } = useTawk()\n\nconst statusLabel = computed(() => ({\n  online: 'We\\'re online',\n  away: 'We\\'re away',\n  offline: 'Leave a message'\n}[status.value]))\n\nconst statusColor = computed(() => ({\n  online: 'text-green-500',\n  away: 'text-yellow-500',\n  offline: 'text-gray-400'\n}[status.value]))\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"flex items-center gap-2\">\n    \u003Cspan class=\"w-2 h-2 rounded-full\" :class=\"statusColor\" />\n    \u003Cspan>{{ statusLabel }}\u003C/span>\n  \u003C/div>\n\u003C/template>\n","components/AgentStatus.vue",[76,931,932,952,969,973,995,1018,1038,1053,1065,1069,1090,1105,1120,1133,1143,1151,1155,1163,1184,1219,1237,1245],{"__ignoreMap":74},[79,933,934,936,938,940,942,944,946,948,950],{"class":81,"line":82},[79,935,86],{"class":85},[79,937,90],{"class":89},[79,939,94],{"class":93},[79,941,97],{"class":93},[79,943,100],{"class":85},[79,945,103],{"class":85},[79,947,107],{"class":106},[79,949,103],{"class":85},[79,951,112],{"class":85},[79,953,954,956,958,961,963,965,967],{"class":81,"line":115},[79,955,118],{"class":93},[79,957,661],{"class":85},[79,959,960],{"class":127}," status ",[79,962,183],{"class":85},[79,964,186],{"class":85},[79,966,190],{"class":189},[79,968,193],{"class":127},[79,970,971],{"class":81,"line":124},[79,972,200],{"emptyLinePlaceholder":199},[79,974,975,977,980,982,985,987,989,991,993],{"class":81,"line":134},[79,976,118],{"class":93},[79,978,979],{"class":127}," statusLabel ",[79,981,100],{"class":85},[79,983,984],{"class":189}," computed",[79,986,246],{"class":127},[79,988,249],{"class":85},[79,990,221],{"class":93},[79,992,720],{"class":127},[79,994,734],{"class":85},[79,996,997,1000,1002,1005,1008,1011,1014,1016],{"class":81,"line":142},[79,998,999],{"class":89},"  online",[79,1001,211],{"class":85},[79,1003,1004],{"class":85}," '",[79,1006,1007],{"class":106},"We",[79,1009,1010],{"class":127},"\\'",[79,1012,1013],{"class":106},"re online",[79,1015,358],{"class":85},[79,1017,131],{"class":85},[79,1019,1020,1023,1025,1027,1029,1031,1034,1036],{"class":81,"line":150},[79,1021,1022],{"class":89},"  away",[79,1024,211],{"class":85},[79,1026,1004],{"class":85},[79,1028,1007],{"class":106},[79,1030,1010],{"class":127},[79,1032,1033],{"class":106},"re away",[79,1035,358],{"class":85},[79,1037,131],{"class":85},[79,1039,1040,1043,1045,1047,1050],{"class":81,"line":158},[79,1041,1042],{"class":89},"  offline",[79,1044,211],{"class":85},[79,1046,1004],{"class":85},[79,1048,1049],{"class":106},"Leave a message",[79,1051,1052],{"class":85},"'\n",[79,1054,1055,1057,1060,1062],{"class":81,"line":166},[79,1056,183],{"class":85},[79,1058,1059],{"class":127},"[status",[79,1061,269],{"class":85},[79,1063,1064],{"class":127},"value]))\n",[79,1066,1067],{"class":81,"line":174},[79,1068,200],{"emptyLinePlaceholder":199},[79,1070,1071,1073,1076,1078,1080,1082,1084,1086,1088],{"class":81,"line":180},[79,1072,118],{"class":93},[79,1074,1075],{"class":127}," statusColor ",[79,1077,100],{"class":85},[79,1079,984],{"class":189},[79,1081,246],{"class":127},[79,1083,249],{"class":85},[79,1085,221],{"class":93},[79,1087,720],{"class":127},[79,1089,734],{"class":85},[79,1091,1092,1094,1096,1098,1101,1103],{"class":81,"line":196},[79,1093,999],{"class":89},[79,1095,211],{"class":85},[79,1097,1004],{"class":85},[79,1099,1100],{"class":106},"text-green-500",[79,1102,358],{"class":85},[79,1104,131],{"class":85},[79,1106,1107,1109,1111,1113,1116,1118],{"class":81,"line":203},[79,1108,1022],{"class":89},[79,1110,211],{"class":85},[79,1112,1004],{"class":85},[79,1114,1115],{"class":106},"text-yellow-500",[79,1117,358],{"class":85},[79,1119,131],{"class":85},[79,1121,1122,1124,1126,1128,1131],{"class":81,"line":235},[79,1123,1042],{"class":89},[79,1125,211],{"class":85},[79,1127,1004],{"class":85},[79,1129,1130],{"class":106},"text-gray-400",[79,1132,1052],{"class":85},[79,1134,1135,1137,1139,1141],{"class":81,"line":240},[79,1136,183],{"class":85},[79,1138,1059],{"class":127},[79,1140,269],{"class":85},[79,1142,1064],{"class":127},[79,1144,1145,1147,1149],{"class":81,"line":256},[79,1146,435],{"class":85},[79,1148,90],{"class":89},[79,1150,112],{"class":85},[79,1152,1153],{"class":81,"line":263},[79,1154,200],{"emptyLinePlaceholder":199},[79,1156,1157,1159,1161],{"class":81,"line":278},[79,1158,86],{"class":85},[79,1160,452],{"class":89},[79,1162,112],{"class":85},[79,1164,1165,1167,1170,1173,1175,1177,1180,1182],{"class":81,"line":296},[79,1166,460],{"class":85},[79,1168,1169],{"class":89},"div",[79,1171,1172],{"class":93}," class",[79,1174,100],{"class":85},[79,1176,103],{"class":85},[79,1178,1179],{"class":106},"flex items-center gap-2",[79,1181,103],{"class":85},[79,1183,112],{"class":85},[79,1185,1186,1188,1190,1192,1194,1196,1199,1201,1204,1207,1209,1211,1214,1216],{"class":81,"line":302},[79,1187,529],{"class":85},[79,1189,79],{"class":89},[79,1191,1172],{"class":93},[79,1193,100],{"class":85},[79,1195,103],{"class":85},[79,1197,1198],{"class":106},"w-2 h-2 rounded-full",[79,1200,103],{"class":85},[79,1202,1203],{"class":85}," :",[79,1205,1206],{"class":93},"class",[79,1208,100],{"class":85},[79,1210,103],{"class":85},[79,1212,1213],{"class":127},"statusColor",[79,1215,103],{"class":85},[79,1217,1218],{"class":85}," />\n",[79,1220,1221,1223,1225,1228,1230,1233,1235],{"class":81,"line":307},[79,1222,529],{"class":85},[79,1224,79],{"class":89},[79,1226,1227],{"class":85},">{{",[79,1229,979],{"class":127},[79,1231,1232],{"class":85},"}}\u003C/",[79,1234,79],{"class":89},[79,1236,112],{"class":85},[79,1238,1239,1241,1243],{"class":81,"line":313},[79,1240,604],{"class":85},[79,1242,1169],{"class":89},[79,1244,112],{"class":85},[79,1246,1247,1249,1251],{"class":81,"line":324},[79,1248,435],{"class":85},[79,1250,452],{"class":89},[79,1252,112],{"class":85},[620,1254],{},[59,1256,1258],{"id":1257},"track-chat-events-for-analytics","Track Chat Events for Analytics",[64,1260,1261],{},"Fire custom analytics events when visitors start or end chats.",[68,1263,1267],{"className":1264,"code":1265,"filename":1266,"language":107,"meta":74,"style":74},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtPlugin(() => {\n  const { onChatStarted, onChatEnded, onOfflineSubmit } = useTawk()\n\n  onChatStarted(() => {\n    // Example: Google Analytics 4\n    gtag('event', 'chat_started')\n  })\n\n  onChatEnded(() => {\n    gtag('event', 'chat_ended')\n  })\n\n  onOfflineSubmit((data) => {\n    gtag('event', 'offline_form_submitted', { email: data.email })\n  })\n})\n","plugins/chat-analytics.client.ts",[76,1268,1269,1288,1317,1321,1334,1339,1364,1371,1375,1388,1411,1417,1421,1439,1480,1486],{"__ignoreMap":74},[79,1270,1271,1274,1277,1280,1282,1284,1286],{"class":81,"line":82},[79,1272,1273],{"class":538},"export",[79,1275,1276],{"class":538}," default",[79,1278,1279],{"class":189}," defineNuxtPlugin",[79,1281,246],{"class":127},[79,1283,249],{"class":85},[79,1285,221],{"class":93},[79,1287,121],{"class":85},[79,1289,1290,1293,1295,1298,1300,1303,1305,1308,1311,1313,1315],{"class":81,"line":115},[79,1291,1292],{"class":93},"  const",[79,1294,661],{"class":85},[79,1296,1297],{"class":127}," onChatStarted",[79,1299,366],{"class":85},[79,1301,1302],{"class":127}," onChatEnded",[79,1304,366],{"class":85},[79,1306,1307],{"class":127}," onOfflineSubmit",[79,1309,1310],{"class":85}," }",[79,1312,186],{"class":85},[79,1314,190],{"class":189},[79,1316,193],{"class":89},[79,1318,1319],{"class":81,"line":124},[79,1320,200],{"emptyLinePlaceholder":199},[79,1322,1323,1326,1328,1330,1332],{"class":81,"line":134},[79,1324,1325],{"class":189},"  onChatStarted",[79,1327,246],{"class":89},[79,1329,249],{"class":85},[79,1331,221],{"class":93},[79,1333,121],{"class":85},[79,1335,1336],{"class":81,"line":142},[79,1337,1338],{"class":259},"    // Example: Google Analytics 4\n",[79,1340,1341,1344,1346,1348,1351,1353,1355,1357,1360,1362],{"class":81,"line":150},[79,1342,1343],{"class":189},"    gtag",[79,1345,246],{"class":89},[79,1347,358],{"class":85},[79,1349,1350],{"class":106},"event",[79,1352,358],{"class":85},[79,1354,366],{"class":85},[79,1356,1004],{"class":85},[79,1358,1359],{"class":106},"chat_started",[79,1361,358],{"class":85},[79,1363,372],{"class":89},[79,1365,1366,1369],{"class":81,"line":158},[79,1367,1368],{"class":85},"  }",[79,1370,372],{"class":89},[79,1372,1373],{"class":81,"line":166},[79,1374,200],{"emptyLinePlaceholder":199},[79,1376,1377,1380,1382,1384,1386],{"class":81,"line":174},[79,1378,1379],{"class":189},"  onChatEnded",[79,1381,246],{"class":89},[79,1383,249],{"class":85},[79,1385,221],{"class":93},[79,1387,121],{"class":85},[79,1389,1390,1392,1394,1396,1398,1400,1402,1404,1407,1409],{"class":81,"line":180},[79,1391,1343],{"class":189},[79,1393,246],{"class":89},[79,1395,358],{"class":85},[79,1397,1350],{"class":106},[79,1399,358],{"class":85},[79,1401,366],{"class":85},[79,1403,1004],{"class":85},[79,1405,1406],{"class":106},"chat_ended",[79,1408,358],{"class":85},[79,1410,372],{"class":89},[79,1412,1413,1415],{"class":81,"line":196},[79,1414,1368],{"class":85},[79,1416,372],{"class":89},[79,1418,1419],{"class":81,"line":203},[79,1420,200],{"emptyLinePlaceholder":199},[79,1422,1423,1426,1428,1430,1433,1435,1437],{"class":81,"line":235},[79,1424,1425],{"class":189},"  onOfflineSubmit",[79,1427,246],{"class":89},[79,1429,246],{"class":85},[79,1431,1432],{"class":334},"data",[79,1434,338],{"class":85},[79,1436,221],{"class":93},[79,1438,121],{"class":85},[79,1440,1441,1443,1445,1447,1449,1451,1453,1455,1458,1460,1462,1464,1467,1469,1472,1474,1476,1478],{"class":81,"line":240},[79,1442,1343],{"class":189},[79,1444,246],{"class":89},[79,1446,358],{"class":85},[79,1448,1350],{"class":106},[79,1450,358],{"class":85},[79,1452,366],{"class":85},[79,1454,1004],{"class":85},[79,1456,1457],{"class":106},"offline_form_submitted",[79,1459,358],{"class":85},[79,1461,366],{"class":85},[79,1463,661],{"class":85},[79,1465,1466],{"class":89}," email",[79,1468,211],{"class":85},[79,1470,1471],{"class":127}," data",[79,1473,269],{"class":85},[79,1475,787],{"class":127},[79,1477,1310],{"class":85},[79,1479,372],{"class":89},[79,1481,1482,1484],{"class":81,"line":256},[79,1483,1368],{"class":85},[79,1485,372],{"class":89},[79,1487,1488,1490],{"class":81,"line":263},[79,1489,183],{"class":85},[79,1491,372],{"class":127},[620,1493],{},[59,1495,1497],{"id":1496},"multi-widget-multi-brand","Multi-Widget / Multi-Brand",[64,1499,1500],{},"Switch the Tawk.to widget at runtime based on the current route — useful for multi-brand or multi-tenant apps.",[68,1502,1505],{"className":70,"code":1503,"filename":1504,"language":73,"meta":74,"style":74},"\u003Cscript setup lang=\"ts\">\nconst { switchWidget } = useTawk()\nconst route = useRoute()\n\nconst widgetMap: Record\u003Cstring, { propertyId: string, widgetId: string }> = {\n  '/support': { propertyId: 'support-property-id', widgetId: 'support-widget' },\n  '/sales':   { propertyId: 'sales-property-id',   widgetId: 'sales-widget'   }\n}\n\nwatch(() => route.path, (path) => {\n  const widget = widgetMap[path]\n  if (widget) switchWidget(widget)\n})\n\u003C/script>\n","layouts/default.vue",[76,1506,1507,1527,1544,1558,1562,1607,1648,1690,1695,1699,1730,1749,1769,1775],{"__ignoreMap":74},[79,1508,1509,1511,1513,1515,1517,1519,1521,1523,1525],{"class":81,"line":82},[79,1510,86],{"class":85},[79,1512,90],{"class":89},[79,1514,94],{"class":93},[79,1516,97],{"class":93},[79,1518,100],{"class":85},[79,1520,103],{"class":85},[79,1522,107],{"class":106},[79,1524,103],{"class":85},[79,1526,112],{"class":85},[79,1528,1529,1531,1533,1536,1538,1540,1542],{"class":81,"line":115},[79,1530,118],{"class":93},[79,1532,661],{"class":85},[79,1534,1535],{"class":127}," switchWidget ",[79,1537,183],{"class":85},[79,1539,186],{"class":85},[79,1541,190],{"class":189},[79,1543,193],{"class":127},[79,1545,1546,1548,1551,1553,1556],{"class":81,"line":124},[79,1547,118],{"class":93},[79,1549,1550],{"class":127}," route ",[79,1552,100],{"class":85},[79,1554,1555],{"class":189}," useRoute",[79,1557,193],{"class":127},[79,1559,1560],{"class":81,"line":134},[79,1561,200],{"emptyLinePlaceholder":199},[79,1563,1564,1566,1569,1571,1574,1576,1579,1581,1583,1586,1588,1591,1593,1596,1598,1600,1603,1605],{"class":81,"line":142},[79,1565,118],{"class":93},[79,1567,1568],{"class":127}," widgetMap",[79,1570,211],{"class":85},[79,1572,1573],{"class":214}," Record",[79,1575,86],{"class":85},[79,1577,1578],{"class":214},"string",[79,1580,366],{"class":85},[79,1582,661],{"class":85},[79,1584,1585],{"class":89}," propertyId",[79,1587,211],{"class":85},[79,1589,1590],{"class":214}," string",[79,1592,366],{"class":85},[79,1594,1595],{"class":89}," widgetId",[79,1597,211],{"class":85},[79,1599,1590],{"class":214},[79,1601,1602],{"class":85}," }>",[79,1604,186],{"class":85},[79,1606,121],{"class":85},[79,1608,1609,1612,1615,1617,1619,1621,1623,1625,1627,1630,1632,1634,1636,1638,1640,1643,1645],{"class":81,"line":150},[79,1610,1611],{"class":85},"  '",[79,1613,1614],{"class":89},"/support",[79,1616,358],{"class":85},[79,1618,211],{"class":85},[79,1620,661],{"class":85},[79,1622,1585],{"class":89},[79,1624,211],{"class":85},[79,1626,1004],{"class":85},[79,1628,1629],{"class":106},"support-property-id",[79,1631,358],{"class":85},[79,1633,366],{"class":85},[79,1635,1595],{"class":89},[79,1637,211],{"class":85},[79,1639,1004],{"class":85},[79,1641,1642],{"class":106},"support-widget",[79,1644,358],{"class":85},[79,1646,1647],{"class":85}," },\n",[79,1649,1650,1652,1655,1657,1659,1662,1664,1666,1668,1671,1673,1675,1678,1680,1682,1685,1687],{"class":81,"line":158},[79,1651,1611],{"class":85},[79,1653,1654],{"class":89},"/sales",[79,1656,358],{"class":85},[79,1658,211],{"class":85},[79,1660,1661],{"class":85},"   {",[79,1663,1585],{"class":89},[79,1665,211],{"class":85},[79,1667,1004],{"class":85},[79,1669,1670],{"class":106},"sales-property-id",[79,1672,358],{"class":85},[79,1674,366],{"class":85},[79,1676,1677],{"class":89},"   widgetId",[79,1679,211],{"class":85},[79,1681,1004],{"class":85},[79,1683,1684],{"class":106},"sales-widget",[79,1686,358],{"class":85},[79,1688,1689],{"class":85},"   }\n",[79,1691,1692],{"class":81,"line":166},[79,1693,1694],{"class":85},"}\n",[79,1696,1697],{"class":81,"line":174},[79,1698,200],{"emptyLinePlaceholder":199},[79,1700,1701,1704,1706,1708,1710,1713,1715,1718,1720,1722,1724,1726,1728],{"class":81,"line":180},[79,1702,1703],{"class":189},"watch",[79,1705,246],{"class":127},[79,1707,249],{"class":85},[79,1709,221],{"class":93},[79,1711,1712],{"class":127}," route",[79,1714,269],{"class":85},[79,1716,1717],{"class":127},"path",[79,1719,366],{"class":85},[79,1721,720],{"class":85},[79,1723,1717],{"class":334},[79,1725,338],{"class":85},[79,1727,221],{"class":93},[79,1729,121],{"class":85},[79,1731,1732,1734,1737,1739,1741,1744,1746],{"class":81,"line":196},[79,1733,1292],{"class":93},[79,1735,1736],{"class":127}," widget",[79,1738,186],{"class":85},[79,1740,1568],{"class":127},[79,1742,1743],{"class":89},"[",[79,1745,1717],{"class":127},[79,1747,1748],{"class":89},"]\n",[79,1750,1751,1753,1755,1758,1760,1763,1765,1767],{"class":81,"line":203},[79,1752,717],{"class":538},[79,1754,720],{"class":89},[79,1756,1757],{"class":127},"widget",[79,1759,731],{"class":89},[79,1761,1762],{"class":189},"switchWidget",[79,1764,246],{"class":89},[79,1766,1757],{"class":127},[79,1768,372],{"class":89},[79,1770,1771,1773],{"class":81,"line":235},[79,1772,183],{"class":85},[79,1774,372],{"class":127},[79,1776,1777,1779,1781],{"class":81,"line":240},[79,1778,435],{"class":85},[79,1780,90],{"class":89},[79,1782,112],{"class":85},[620,1784],{},[59,1786,1788],{"id":1787},"hide-widget-on-specific-pages","Hide Widget on Specific Pages",[64,1790,1791,1792,1794,1795,1797],{},"Use ",[76,1793,507],{}," / ",[76,1796,501],{}," based on the current page, e.g. hide on checkout pages.",[68,1799,1802],{"className":1264,"code":1800,"filename":1801,"language":107,"meta":74,"style":74},"export default defineNuxtPlugin(() => {\n  const { hideWidget, showWidget, onLoad } = useTawk()\n  const route = useRoute()\n\n  const hiddenRoutes = ['/checkout', '/payment']\n\n  // Apply after widget loads\n  onLoad(() => {\n    if (hiddenRoutes.includes(route.path)) {\n      hideWidget()\n    }\n  })\n\n  // Re-evaluate on route change\n  watch(() => route.path, (path) => {\n    if (hiddenRoutes.includes(path)) {\n      hideWidget()\n    } else {\n      showWidget()\n    }\n  })\n})\n","plugins/widget-visibility.client.ts",[76,1803,1804,1820,1846,1858,1862,1892,1896,1901,1913,1942,1949,1954,1960,1964,1969,1998,2018,2024,2033,2040,2044,2050],{"__ignoreMap":74},[79,1805,1806,1808,1810,1812,1814,1816,1818],{"class":81,"line":82},[79,1807,1273],{"class":538},[79,1809,1276],{"class":538},[79,1811,1279],{"class":189},[79,1813,246],{"class":127},[79,1815,249],{"class":85},[79,1817,221],{"class":93},[79,1819,121],{"class":85},[79,1821,1822,1824,1826,1828,1830,1833,1835,1838,1840,1842,1844],{"class":81,"line":115},[79,1823,1292],{"class":93},[79,1825,661],{"class":85},[79,1827,290],{"class":127},[79,1829,366],{"class":85},[79,1831,1832],{"class":127}," showWidget",[79,1834,366],{"class":85},[79,1836,1837],{"class":127}," onLoad",[79,1839,1310],{"class":85},[79,1841,186],{"class":85},[79,1843,190],{"class":189},[79,1845,193],{"class":89},[79,1847,1848,1850,1852,1854,1856],{"class":81,"line":124},[79,1849,1292],{"class":93},[79,1851,1712],{"class":127},[79,1853,186],{"class":85},[79,1855,1555],{"class":189},[79,1857,193],{"class":89},[79,1859,1860],{"class":81,"line":134},[79,1861,200],{"emptyLinePlaceholder":199},[79,1863,1864,1866,1869,1871,1874,1876,1879,1881,1883,1885,1888,1890],{"class":81,"line":142},[79,1865,1292],{"class":93},[79,1867,1868],{"class":127}," hiddenRoutes",[79,1870,186],{"class":85},[79,1872,1873],{"class":89}," [",[79,1875,358],{"class":85},[79,1877,1878],{"class":106},"/checkout",[79,1880,358],{"class":85},[79,1882,366],{"class":85},[79,1884,1004],{"class":85},[79,1886,1887],{"class":106},"/payment",[79,1889,358],{"class":85},[79,1891,1748],{"class":89},[79,1893,1894],{"class":81,"line":150},[79,1895,200],{"emptyLinePlaceholder":199},[79,1897,1898],{"class":81,"line":158},[79,1899,1900],{"class":259},"  // Apply after widget loads\n",[79,1902,1903,1905,1907,1909,1911],{"class":81,"line":166},[79,1904,169],{"class":189},[79,1906,246],{"class":89},[79,1908,249],{"class":85},[79,1910,221],{"class":93},[79,1912,121],{"class":85},[79,1914,1915,1918,1920,1923,1925,1928,1930,1933,1935,1937,1940],{"class":81,"line":174},[79,1916,1917],{"class":538},"    if",[79,1919,720],{"class":89},[79,1921,1922],{"class":127},"hiddenRoutes",[79,1924,269],{"class":85},[79,1926,1927],{"class":189},"includes",[79,1929,246],{"class":89},[79,1931,1932],{"class":127},"route",[79,1934,269],{"class":85},[79,1936,1717],{"class":127},[79,1938,1939],{"class":89},")) ",[79,1941,734],{"class":85},[79,1943,1944,1947],{"class":81,"line":180},[79,1945,1946],{"class":189},"      hideWidget",[79,1948,193],{"class":89},[79,1950,1951],{"class":81,"line":196},[79,1952,1953],{"class":85},"    }\n",[79,1955,1956,1958],{"class":81,"line":203},[79,1957,1368],{"class":85},[79,1959,372],{"class":89},[79,1961,1962],{"class":81,"line":235},[79,1963,200],{"emptyLinePlaceholder":199},[79,1965,1966],{"class":81,"line":240},[79,1967,1968],{"class":259},"  // Re-evaluate on route change\n",[79,1970,1971,1974,1976,1978,1980,1982,1984,1986,1988,1990,1992,1994,1996],{"class":81,"line":256},[79,1972,1973],{"class":189},"  watch",[79,1975,246],{"class":89},[79,1977,249],{"class":85},[79,1979,221],{"class":93},[79,1981,1712],{"class":127},[79,1983,269],{"class":85},[79,1985,1717],{"class":127},[79,1987,366],{"class":85},[79,1989,720],{"class":85},[79,1991,1717],{"class":334},[79,1993,338],{"class":85},[79,1995,221],{"class":93},[79,1997,121],{"class":85},[79,1999,2000,2002,2004,2006,2008,2010,2012,2014,2016],{"class":81,"line":263},[79,2001,1917],{"class":538},[79,2003,720],{"class":89},[79,2005,1922],{"class":127},[79,2007,269],{"class":85},[79,2009,1927],{"class":189},[79,2011,246],{"class":89},[79,2013,1717],{"class":127},[79,2015,1939],{"class":89},[79,2017,734],{"class":85},[79,2019,2020,2022],{"class":81,"line":278},[79,2021,1946],{"class":189},[79,2023,193],{"class":89},[79,2025,2026,2028,2031],{"class":81,"line":296},[79,2027,378],{"class":85},[79,2029,2030],{"class":538}," else",[79,2032,121],{"class":85},[79,2034,2035,2038],{"class":81,"line":302},[79,2036,2037],{"class":189},"      showWidget",[79,2039,193],{"class":89},[79,2041,2042],{"class":81,"line":307},[79,2043,1953],{"class":85},[79,2045,2046,2048],{"class":81,"line":313},[79,2047,1368],{"class":85},[79,2049,372],{"class":89},[79,2051,2052,2054],{"class":81,"line":324},[79,2053,183],{"class":85},[79,2055,372],{"class":127},[2057,2058,2059],"style",{},"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":74,"searchDepth":82,"depth":115,"links":2061},[2062,2063,2064,2065,2066,2067],{"id":61,"depth":115,"text":62},{"id":624,"depth":115,"text":625},{"id":921,"depth":115,"text":922},{"id":1257,"depth":115,"text":1258},{"id":1496,"depth":115,"text":1497},{"id":1787,"depth":115,"text":1788},"Real-world examples using the useTawk() composable — custom chat buttons, visitor identification, multi-widget setups, and more.","md",null,{},{"icon":52},{"title":2074,"description":2075},"Examples — useTawk() Real-World Patterns in Nuxt","Practical nuxt-tawk-to examples: custom chat bubbles with unread badges, identifying authenticated users, toggling widgets on route change, and switching between Tawk.to widgets.","5j6YU7h93LFALv_J27mHvhzj-NGcZTyN5IKyZVI2X4s",[2078,2070],{"title":44,"path":45,"stem":46,"description":2079,"icon":47,"children":-1},"nuxt-tawk-to v2 ships with complete TypeScript definitions. Import all types from the nuxt-tawk-to/types subpath.",1776236415587]