[{"data":1,"prerenderedAt":3133},["ShallowReactive",2],{"navigation_docs":3,"-sdks-browser-vue":99,"-sdks-browser-vue-surround":2230,"sdks\u002Fvue\u002Finstall":2235,"sdks\u002Fvue\u002Fconfigure":2318,"sdks\u002Fvue\u002Fsimple-usage":2470,"sdks\u002Fvue\u002Fuser-context":2612},[4,30],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Quickstart","\u002Fgetting-started\u002Fquickstart","1.getting-started\u002F1.quickstart","i-lucide-fast-forward",{"title":16,"path":17,"stem":18,"icon":19},"Core Concepts","\u002Fgetting-started\u002Fcore-concepts","1.getting-started\u002F2.core-concepts","i-lucide-workflow",{"title":21,"path":22,"stem":23,"icon":24},"Configs Anatomy","\u002Fgetting-started\u002Fconfigs","1.getting-started\u002F3.configs","i-lucide-file-cog",{"title":26,"path":27,"stem":28,"icon":29},"Architecture","\u002Fgetting-started\u002Farchitecture","1.getting-started\u002F4.architecture","i-lucide-layers",{"title":31,"defaultOpen":32,"path":33,"stem":34,"children":35,"page":6},"SDKs",true,"\u002Fsdks","2.sdks",[36,41,62,72,88],{"title":37,"path":38,"stem":39,"icon":40},"Available SDKs","\u002Fsdks\u002Favailable-sdks","2.sdks\u002F1.available-sdks","i-lucide-list",{"title":42,"icon":43,"defaultOpen":32,"path":44,"stem":45,"children":46,"page":6},"Browser SDKs","i-lucide-monitor","\u002Fsdks\u002Fbrowser","2.sdks\u002F2.browser",[47,52,57],{"title":48,"path":49,"stem":50,"icon":51},"Javascript","\u002Fsdks\u002Fbrowser\u002Fjavascript","2.sdks\u002F2.browser\u002F1.javascript","cd-logos-javascript",{"title":53,"path":54,"stem":55,"icon":56},"React","\u002Fsdks\u002Fbrowser\u002Freact","2.sdks\u002F2.browser\u002F2.react","cd-logos-react-light",{"title":58,"path":59,"stem":60,"icon":61},"Vue","\u002Fsdks\u002Fbrowser\u002Fvue","2.sdks\u002F2.browser\u002F3.vue","cd-logos-vue",{"title":63,"icon":64,"defaultOpen":32,"path":65,"stem":66,"children":67,"page":6},"Mobile SDKs","i-lucide-smartphone","\u002Fsdks\u002Fmobile","2.sdks\u002F3.mobile",[68],{"title":69,"path":70,"stem":71,"icon":56},"React Native","\u002Fsdks\u002Fmobile\u002Freact-native","2.sdks\u002F3.mobile\u002F1.react-native",{"title":73,"icon":74,"defaultOpen":32,"path":75,"stem":76,"children":77,"page":6},"Meta-framework SDKs","i-lucide-monitor-smartphone","\u002Fsdks\u002Fmeta","2.sdks\u002F4.meta",[78,83],{"title":79,"path":80,"stem":81,"icon":82},"Next.js","\u002Fsdks\u002Fmeta\u002Fnextjs","2.sdks\u002F4.meta\u002F1.nextjs","cd-logos-nextjs",{"title":84,"path":85,"stem":86,"icon":87},"Nuxt","\u002Fsdks\u002Fmeta\u002Fnuxt","2.sdks\u002F4.meta\u002F2.nuxt","cd-logos-nuxt",{"title":89,"icon":90,"defaultOpen":32,"path":91,"stem":92,"children":93,"page":6},"Server SDKs","i-lucide-server","\u002Fsdks\u002Fserver","2.sdks\u002F5.server",[94],{"title":95,"path":96,"stem":97,"icon":98},"Node.js","\u002Fsdks\u002Fserver\u002Fnode-js","2.sdks\u002F5.server\u002F1.node-js","cd-logos-nodejs",{"id":100,"title":58,"body":101,"description":107,"extension":2224,"links":2225,"meta":2226,"navigation":2227,"path":59,"seo":2228,"stem":60,"__hash__":2229},"docs\u002F2.sdks\u002F2.browser\u002F3.vue.md",{"type":102,"value":103,"toc":2213},"minimark",[104,108,113,117,125,128,131,135,144,148,152,155,158,161,428,433,442,448,451,686,691,701,704,874,877,1251,1261,1264,1439,1444,1453,1673,1678,1681,1685,1692,1695,1698,1882,1889,2032,2036,2039,2043,2050,2055,2177,2209],[105,106,107],"sdk-badge",{"icon":61},"Vue SDK",[109,110,112],"h2",{"id":111},"introduction","Introduction",[114,115,116],"p",{},"The Vue SDK is intended to be used by Vue web applications running on modern web browsers. All modern web browsers on popular platforms should be supported.",[114,118,119,120,124],{},"The minimum supported version of Vue is ",[121,122,123],"code",{},"3.2.24",".",[114,126,127],{},"Browser SDKs are tested on the latest versions of Chrome, Firefox, Safari, and Edge.",[114,129,130],{},"Telemetry collection within browser SDKs uses Web Workers to aggregate and send telemetry data. If the SDK runs on older browsers without Web Workers support, config evaluation will continue to work but no telemetry data will be collected for that session.",[109,132,134],{"id":133},"installation","Installation",[114,136,137,138],{},"The SDK can be installed from NPM: ",[139,140,141],"a",{"href":141,"rel":142},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@configdirector\u002Fvue-sdk",[143],"nofollow",[145,146],"content-partial",{"name":147},"sdks\u002Fvue\u002Finstall",[109,149,151],{"id":150},"configure-the-plugin","Configure the plugin",[114,153,154],{},"Configure the Vue plugin with your client SDK key. This approach installs the ConfigDirectorPlugin and initializes the client asynchronously while your app is rendering:",[145,156],{"name":157},"sdks\u002Fvue\u002Fconfigure",[114,159,160],{},"Alternatively, you can explicitly await on initializing the client before mounting the Vue app. The initialization timeout can be provided in the timeout option in milliseconds (defaults to 3,000ms). If initialization times out, the client will be returned and it will continue to attempt to initialize in the background:",[162,163,169],"pre",{"className":164,"code":165,"filename":166,"language":167,"meta":168,"style":168},"language-ts shiki shiki-themes material-theme-lighter github-light github-dark","import { createApp } from \"vue\";\nimport App from \".\u002FApp.vue\";\nimport { ConfigDirectorPlugin, initializeClient } from \"@configdirector\u002Fvue-sdk\";\n\nasync function bootstrap() {\n  const app = createApp(App);\n\n  const client = await initializeClient({ sdkKey: \"YOUR_CLIENT_SDK_KEY\" });\n  app.use(ConfigDirectorPlugin, client);\n\n  app.mount(\"#app\");\n}\n\nbootstrap();\n","main.ts","ts","",[121,170,171,208,228,257,263,283,311,316,355,379,384,407,413,418],{"__ignoreMap":168},[172,173,176,180,184,188,191,194,198,202,205],"span",{"class":174,"line":175},"line",1,[172,177,179],{"class":178},"sVHd0","import",[172,181,183],{"class":182},"sP7_E"," {",[172,185,187],{"class":186},"su5hD"," createApp",[172,189,190],{"class":182}," }",[172,192,193],{"class":178}," from",[172,195,197],{"class":196},"sjJ54"," \"",[172,199,201],{"class":200},"s_sjI","vue",[172,203,204],{"class":196},"\"",[172,206,207],{"class":182},";\n",[172,209,211,213,216,219,221,224,226],{"class":174,"line":210},2,[172,212,179],{"class":178},[172,214,215],{"class":186}," App ",[172,217,218],{"class":178},"from",[172,220,197],{"class":196},[172,222,223],{"class":200},".\u002FApp.vue",[172,225,204],{"class":196},[172,227,207],{"class":182},[172,229,231,233,235,238,241,244,246,248,250,253,255],{"class":174,"line":230},3,[172,232,179],{"class":178},[172,234,183],{"class":182},[172,236,237],{"class":186}," ConfigDirectorPlugin",[172,239,240],{"class":182},",",[172,242,243],{"class":186}," initializeClient",[172,245,190],{"class":182},[172,247,193],{"class":178},[172,249,197],{"class":196},[172,251,252],{"class":200},"@configdirector\u002Fvue-sdk",[172,254,204],{"class":196},[172,256,207],{"class":182},[172,258,260],{"class":174,"line":259},4,[172,261,262],{"emptyLinePlaceholder":32},"\n",[172,264,266,270,273,277,280],{"class":174,"line":265},5,[172,267,269],{"class":268},"sbsja","async",[172,271,272],{"class":268}," function",[172,274,276],{"class":275},"sGLFI"," bootstrap",[172,278,279],{"class":182},"()",[172,281,282],{"class":182}," {\n",[172,284,286,289,293,297,299,303,306,309],{"class":174,"line":285},6,[172,287,288],{"class":268},"  const",[172,290,292],{"class":291},"s_hVV"," app",[172,294,296],{"class":295},"smGrS"," =",[172,298,187],{"class":275},[172,300,302],{"class":301},"skxfh","(",[172,304,305],{"class":186},"App",[172,307,308],{"class":301},")",[172,310,207],{"class":182},[172,312,314],{"class":174,"line":313},7,[172,315,262],{"emptyLinePlaceholder":32},[172,317,319,321,324,326,329,331,333,336,339,342,344,347,349,351,353],{"class":174,"line":318},8,[172,320,288],{"class":268},[172,322,323],{"class":291}," client",[172,325,296],{"class":295},[172,327,328],{"class":178}," await",[172,330,243],{"class":275},[172,332,302],{"class":301},[172,334,335],{"class":182},"{",[172,337,338],{"class":301}," sdkKey",[172,340,341],{"class":182},":",[172,343,197],{"class":196},[172,345,346],{"class":200},"YOUR_CLIENT_SDK_KEY",[172,348,204],{"class":196},[172,350,190],{"class":182},[172,352,308],{"class":301},[172,354,207],{"class":182},[172,356,358,361,363,366,368,371,373,375,377],{"class":174,"line":357},9,[172,359,360],{"class":186},"  app",[172,362,124],{"class":182},[172,364,365],{"class":275},"use",[172,367,302],{"class":301},[172,369,370],{"class":186},"ConfigDirectorPlugin",[172,372,240],{"class":182},[172,374,323],{"class":186},[172,376,308],{"class":301},[172,378,207],{"class":182},[172,380,382],{"class":174,"line":381},10,[172,383,262],{"emptyLinePlaceholder":32},[172,385,387,389,391,394,396,398,401,403,405],{"class":174,"line":386},11,[172,388,360],{"class":186},[172,390,124],{"class":182},[172,392,393],{"class":275},"mount",[172,395,302],{"class":301},[172,397,204],{"class":196},[172,399,400],{"class":200},"#app",[172,402,204],{"class":196},[172,404,308],{"class":301},[172,406,207],{"class":182},[172,408,410],{"class":174,"line":409},12,[172,411,412],{"class":182},"}\n",[172,414,416],{"class":174,"line":415},13,[172,417,262],{"emptyLinePlaceholder":32},[172,419,421,424,426],{"class":174,"line":420},14,[172,422,423],{"class":275},"bootstrap",[172,425,279],{"class":186},[172,427,207],{"class":182},[429,430,432],"h3",{"id":431},"additional-configuration-options","Additional configuration options",[114,434,435,436,438,439,124],{},"These configuration options can be passed in as plugin options to the ",[121,437,370],{}," or as additional options to ",[121,440,441],{},"initializeClient",[443,444,446],"h4",{"id":445},"context",[121,447,445],{},[114,449,450],{},"The user context to be used during targeting rules evaluation:",[162,452,454],{"className":164,"code":453,"filename":166,"language":167,"meta":168,"style":168},"import { createApp } from \"vue\";\nimport App from \".\u002FApp.vue\";\nimport { ConfigDirectorPlugin } from \"@configdirector\u002Fvue-sdk\";\n\nconst app = createApp(App);\n\napp.use(ConfigDirectorPlugin, {\n  sdkKey: \"YOUR-CLIENT-SDK-KEY\",\n  context: {\n    id: \"12345\",\n    name: \"Example User\",\n    traits: {\n      region: \"North America\", \u002F\u002F Any arbitrary traits which can be referenced in targeting rules\n    },\n  },\n});\n\napp.mount(\"#app\");\n",[121,455,456,476,492,512,516,532,536,552,569,578,594,610,619,639,644,650,660,665],{"__ignoreMap":168},[172,457,458,460,462,464,466,468,470,472,474],{"class":174,"line":175},[172,459,179],{"class":178},[172,461,183],{"class":182},[172,463,187],{"class":186},[172,465,190],{"class":182},[172,467,193],{"class":178},[172,469,197],{"class":196},[172,471,201],{"class":200},[172,473,204],{"class":196},[172,475,207],{"class":182},[172,477,478,480,482,484,486,488,490],{"class":174,"line":210},[172,479,179],{"class":178},[172,481,215],{"class":186},[172,483,218],{"class":178},[172,485,197],{"class":196},[172,487,223],{"class":200},[172,489,204],{"class":196},[172,491,207],{"class":182},[172,493,494,496,498,500,502,504,506,508,510],{"class":174,"line":230},[172,495,179],{"class":178},[172,497,183],{"class":182},[172,499,237],{"class":186},[172,501,190],{"class":182},[172,503,193],{"class":178},[172,505,197],{"class":196},[172,507,252],{"class":200},[172,509,204],{"class":196},[172,511,207],{"class":182},[172,513,514],{"class":174,"line":259},[172,515,262],{"emptyLinePlaceholder":32},[172,517,518,521,523,525,527,530],{"class":174,"line":265},[172,519,520],{"class":268},"const",[172,522,292],{"class":291},[172,524,296],{"class":295},[172,526,187],{"class":275},[172,528,529],{"class":186},"(App)",[172,531,207],{"class":182},[172,533,534],{"class":174,"line":285},[172,535,262],{"emptyLinePlaceholder":32},[172,537,538,541,543,545,548,550],{"class":174,"line":313},[172,539,540],{"class":186},"app",[172,542,124],{"class":182},[172,544,365],{"class":275},[172,546,547],{"class":186},"(ConfigDirectorPlugin",[172,549,240],{"class":182},[172,551,282],{"class":182},[172,553,554,557,559,561,564,566],{"class":174,"line":318},[172,555,556],{"class":301},"  sdkKey",[172,558,341],{"class":182},[172,560,197],{"class":196},[172,562,563],{"class":200},"YOUR-CLIENT-SDK-KEY",[172,565,204],{"class":196},[172,567,568],{"class":182},",\n",[172,570,571,574,576],{"class":174,"line":357},[172,572,573],{"class":301},"  context",[172,575,341],{"class":182},[172,577,282],{"class":182},[172,579,580,583,585,587,590,592],{"class":174,"line":381},[172,581,582],{"class":301},"    id",[172,584,341],{"class":182},[172,586,197],{"class":196},[172,588,589],{"class":200},"12345",[172,591,204],{"class":196},[172,593,568],{"class":182},[172,595,596,599,601,603,606,608],{"class":174,"line":386},[172,597,598],{"class":301},"    name",[172,600,341],{"class":182},[172,602,197],{"class":196},[172,604,605],{"class":200},"Example User",[172,607,204],{"class":196},[172,609,568],{"class":182},[172,611,612,615,617],{"class":174,"line":409},[172,613,614],{"class":301},"    traits",[172,616,341],{"class":182},[172,618,282],{"class":182},[172,620,621,624,626,628,631,633,635],{"class":174,"line":415},[172,622,623],{"class":301},"      region",[172,625,341],{"class":182},[172,627,197],{"class":196},[172,629,630],{"class":200},"North America",[172,632,204],{"class":196},[172,634,240],{"class":182},[172,636,638],{"class":637},"sutJx"," \u002F\u002F Any arbitrary traits which can be referenced in targeting rules\n",[172,640,641],{"class":174,"line":420},[172,642,643],{"class":182},"    },\n",[172,645,647],{"class":174,"line":646},15,[172,648,649],{"class":182},"  },\n",[172,651,653,656,658],{"class":174,"line":652},16,[172,654,655],{"class":182},"}",[172,657,308],{"class":186},[172,659,207],{"class":182},[172,661,663],{"class":174,"line":662},17,[172,664,262],{"emptyLinePlaceholder":32},[172,666,668,670,672,674,676,678,680,682,684],{"class":174,"line":667},18,[172,669,540],{"class":186},[172,671,124],{"class":182},[172,673,393],{"class":275},[172,675,302],{"class":186},[172,677,204],{"class":196},[172,679,400],{"class":200},[172,681,204],{"class":196},[172,683,308],{"class":186},[172,685,207],{"class":182},[443,687,689],{"id":688},"logger",[121,690,688],{},[114,692,693,694,696,697,700],{},"By default, the SDK logs to the console and it is set to log warnings and errors only. You can configure a ",[121,695,688],{}," by either creating a ConfigDirector console logger with a different log level, or by implementing the ",[121,698,699],{},"ConfigDirectorLogger"," interface to provide your own logger. The interface can be used to create an adapter to another logging library.",[114,702,703],{},"Configure the ConfigDirector console logger to a different level:",[162,705,707],{"className":164,"code":706,"filename":166,"language":167,"meta":168,"style":168},"import { createApp } from \"vue\";\nimport App from \".\u002FApp.vue\";\nimport { ConfigDirectorPlugin, createConsoleLogger } from \"@configdirector\u002Fvue-sdk\";\n\nconst app = createApp(App);\n\napp.use(ConfigDirectorPlugin, {\n  sdkKey: \"YOUR-CLIENT-SDK-KEY\",\n  logger: createConsoleLogger(\"debug\"),\n});\n\napp.mount(\"#app\");\n",[121,708,709,729,745,770,774,788,792,806,820,842,850,854],{"__ignoreMap":168},[172,710,711,713,715,717,719,721,723,725,727],{"class":174,"line":175},[172,712,179],{"class":178},[172,714,183],{"class":182},[172,716,187],{"class":186},[172,718,190],{"class":182},[172,720,193],{"class":178},[172,722,197],{"class":196},[172,724,201],{"class":200},[172,726,204],{"class":196},[172,728,207],{"class":182},[172,730,731,733,735,737,739,741,743],{"class":174,"line":210},[172,732,179],{"class":178},[172,734,215],{"class":186},[172,736,218],{"class":178},[172,738,197],{"class":196},[172,740,223],{"class":200},[172,742,204],{"class":196},[172,744,207],{"class":182},[172,746,747,749,751,753,755,758,760,762,764,766,768],{"class":174,"line":230},[172,748,179],{"class":178},[172,750,183],{"class":182},[172,752,237],{"class":186},[172,754,240],{"class":182},[172,756,757],{"class":186}," createConsoleLogger",[172,759,190],{"class":182},[172,761,193],{"class":178},[172,763,197],{"class":196},[172,765,252],{"class":200},[172,767,204],{"class":196},[172,769,207],{"class":182},[172,771,772],{"class":174,"line":259},[172,773,262],{"emptyLinePlaceholder":32},[172,775,776,778,780,782,784,786],{"class":174,"line":265},[172,777,520],{"class":268},[172,779,292],{"class":291},[172,781,296],{"class":295},[172,783,187],{"class":275},[172,785,529],{"class":186},[172,787,207],{"class":182},[172,789,790],{"class":174,"line":285},[172,791,262],{"emptyLinePlaceholder":32},[172,793,794,796,798,800,802,804],{"class":174,"line":313},[172,795,540],{"class":186},[172,797,124],{"class":182},[172,799,365],{"class":275},[172,801,547],{"class":186},[172,803,240],{"class":182},[172,805,282],{"class":182},[172,807,808,810,812,814,816,818],{"class":174,"line":318},[172,809,556],{"class":301},[172,811,341],{"class":182},[172,813,197],{"class":196},[172,815,563],{"class":200},[172,817,204],{"class":196},[172,819,568],{"class":182},[172,821,822,825,827,829,831,833,836,838,840],{"class":174,"line":357},[172,823,824],{"class":301},"  logger",[172,826,341],{"class":182},[172,828,757],{"class":275},[172,830,302],{"class":186},[172,832,204],{"class":196},[172,834,835],{"class":200},"debug",[172,837,204],{"class":196},[172,839,308],{"class":186},[172,841,568],{"class":182},[172,843,844,846,848],{"class":174,"line":381},[172,845,655],{"class":182},[172,847,308],{"class":186},[172,849,207],{"class":182},[172,851,852],{"class":174,"line":386},[172,853,262],{"emptyLinePlaceholder":32},[172,855,856,858,860,862,864,866,868,870,872],{"class":174,"line":409},[172,857,540],{"class":186},[172,859,124],{"class":182},[172,861,393],{"class":275},[172,863,302],{"class":186},[172,865,204],{"class":196},[172,867,400],{"class":200},[172,869,204],{"class":196},[172,871,308],{"class":186},[172,873,207],{"class":182},[114,875,876],{},"Implement your own logger adapter:",[162,878,880],{"className":164,"code":879,"filename":166,"language":167,"meta":168,"style":168},"import { createApp } from \"vue\";\nimport App from \".\u002FApp.vue\";\nimport { ConfigDirectorPlugin, ConfigDirectorLogger } from \"@configdirector\u002Fvue-sdk\";\n\nconst myLogger: ConfigDirectorLogger = {\n  debug: function (message: string, ...args: any): void {\n    \u002F\u002F your specific logging library implementation here\n  },\n  info: function (message: string, ...args: any): void {\n    \u002F\u002F your specific logging library implementation here\n  },\n  warn: function (message: string, ...args: any): void {\n    \u002F\u002F your specific logging library implementation here\n  },\n  error: function (message: string, ...args: any): void {\n    \u002F\u002F your specific logging library implementation here\n  },\n};\n\nconst app = createApp(App);\n\napp.use(ConfigDirectorPlugin, {\n  sdkKey: \"YOUR-CLIENT-SDK-KEY\",\n  logger: myLogger,\n});\n\napp.mount(\"#app\");\n",[121,881,882,902,918,943,947,963,1007,1012,1016,1051,1055,1059,1094,1098,1102,1137,1141,1145,1150,1155,1170,1175,1190,1205,1216,1225,1230],{"__ignoreMap":168},[172,883,884,886,888,890,892,894,896,898,900],{"class":174,"line":175},[172,885,179],{"class":178},[172,887,183],{"class":182},[172,889,187],{"class":186},[172,891,190],{"class":182},[172,893,193],{"class":178},[172,895,197],{"class":196},[172,897,201],{"class":200},[172,899,204],{"class":196},[172,901,207],{"class":182},[172,903,904,906,908,910,912,914,916],{"class":174,"line":210},[172,905,179],{"class":178},[172,907,215],{"class":186},[172,909,218],{"class":178},[172,911,197],{"class":196},[172,913,223],{"class":200},[172,915,204],{"class":196},[172,917,207],{"class":182},[172,919,920,922,924,926,928,931,933,935,937,939,941],{"class":174,"line":230},[172,921,179],{"class":178},[172,923,183],{"class":182},[172,925,237],{"class":186},[172,927,240],{"class":182},[172,929,930],{"class":186}," ConfigDirectorLogger",[172,932,190],{"class":182},[172,934,193],{"class":178},[172,936,197],{"class":196},[172,938,252],{"class":200},[172,940,204],{"class":196},[172,942,207],{"class":182},[172,944,945],{"class":174,"line":259},[172,946,262],{"emptyLinePlaceholder":32},[172,948,949,951,954,956,959,961],{"class":174,"line":265},[172,950,520],{"class":268},[172,952,953],{"class":291}," myLogger",[172,955,341],{"class":295},[172,957,930],{"class":958},"sbgvK",[172,960,296],{"class":295},[172,962,282],{"class":182},[172,964,965,968,970,972,975,979,981,985,987,990,993,995,998,1000,1002,1005],{"class":174,"line":285},[172,966,967],{"class":275},"  debug",[172,969,341],{"class":182},[172,971,272],{"class":268},[172,973,974],{"class":182}," (",[172,976,978],{"class":977},"s99_P","message",[172,980,341],{"class":295},[172,982,984],{"class":983},"sZMiF"," string",[172,986,240],{"class":182},[172,988,989],{"class":295}," ...",[172,991,992],{"class":977},"args",[172,994,341],{"class":295},[172,996,997],{"class":983}," any",[172,999,308],{"class":182},[172,1001,341],{"class":295},[172,1003,1004],{"class":983}," void",[172,1006,282],{"class":182},[172,1008,1009],{"class":174,"line":313},[172,1010,1011],{"class":637},"    \u002F\u002F your specific logging library implementation here\n",[172,1013,1014],{"class":174,"line":318},[172,1015,649],{"class":182},[172,1017,1018,1021,1023,1025,1027,1029,1031,1033,1035,1037,1039,1041,1043,1045,1047,1049],{"class":174,"line":357},[172,1019,1020],{"class":275},"  info",[172,1022,341],{"class":182},[172,1024,272],{"class":268},[172,1026,974],{"class":182},[172,1028,978],{"class":977},[172,1030,341],{"class":295},[172,1032,984],{"class":983},[172,1034,240],{"class":182},[172,1036,989],{"class":295},[172,1038,992],{"class":977},[172,1040,341],{"class":295},[172,1042,997],{"class":983},[172,1044,308],{"class":182},[172,1046,341],{"class":295},[172,1048,1004],{"class":983},[172,1050,282],{"class":182},[172,1052,1053],{"class":174,"line":381},[172,1054,1011],{"class":637},[172,1056,1057],{"class":174,"line":386},[172,1058,649],{"class":182},[172,1060,1061,1064,1066,1068,1070,1072,1074,1076,1078,1080,1082,1084,1086,1088,1090,1092],{"class":174,"line":409},[172,1062,1063],{"class":275},"  warn",[172,1065,341],{"class":182},[172,1067,272],{"class":268},[172,1069,974],{"class":182},[172,1071,978],{"class":977},[172,1073,341],{"class":295},[172,1075,984],{"class":983},[172,1077,240],{"class":182},[172,1079,989],{"class":295},[172,1081,992],{"class":977},[172,1083,341],{"class":295},[172,1085,997],{"class":983},[172,1087,308],{"class":182},[172,1089,341],{"class":295},[172,1091,1004],{"class":983},[172,1093,282],{"class":182},[172,1095,1096],{"class":174,"line":415},[172,1097,1011],{"class":637},[172,1099,1100],{"class":174,"line":420},[172,1101,649],{"class":182},[172,1103,1104,1107,1109,1111,1113,1115,1117,1119,1121,1123,1125,1127,1129,1131,1133,1135],{"class":174,"line":646},[172,1105,1106],{"class":275},"  error",[172,1108,341],{"class":182},[172,1110,272],{"class":268},[172,1112,974],{"class":182},[172,1114,978],{"class":977},[172,1116,341],{"class":295},[172,1118,984],{"class":983},[172,1120,240],{"class":182},[172,1122,989],{"class":295},[172,1124,992],{"class":977},[172,1126,341],{"class":295},[172,1128,997],{"class":983},[172,1130,308],{"class":182},[172,1132,341],{"class":295},[172,1134,1004],{"class":983},[172,1136,282],{"class":182},[172,1138,1139],{"class":174,"line":652},[172,1140,1011],{"class":637},[172,1142,1143],{"class":174,"line":662},[172,1144,649],{"class":182},[172,1146,1147],{"class":174,"line":667},[172,1148,1149],{"class":182},"};\n",[172,1151,1153],{"class":174,"line":1152},19,[172,1154,262],{"emptyLinePlaceholder":32},[172,1156,1158,1160,1162,1164,1166,1168],{"class":174,"line":1157},20,[172,1159,520],{"class":268},[172,1161,292],{"class":291},[172,1163,296],{"class":295},[172,1165,187],{"class":275},[172,1167,529],{"class":186},[172,1169,207],{"class":182},[172,1171,1173],{"class":174,"line":1172},21,[172,1174,262],{"emptyLinePlaceholder":32},[172,1176,1178,1180,1182,1184,1186,1188],{"class":174,"line":1177},22,[172,1179,540],{"class":186},[172,1181,124],{"class":182},[172,1183,365],{"class":275},[172,1185,547],{"class":186},[172,1187,240],{"class":182},[172,1189,282],{"class":182},[172,1191,1193,1195,1197,1199,1201,1203],{"class":174,"line":1192},23,[172,1194,556],{"class":301},[172,1196,341],{"class":182},[172,1198,197],{"class":196},[172,1200,563],{"class":200},[172,1202,204],{"class":196},[172,1204,568],{"class":182},[172,1206,1208,1210,1212,1214],{"class":174,"line":1207},24,[172,1209,824],{"class":301},[172,1211,341],{"class":182},[172,1213,953],{"class":186},[172,1215,568],{"class":182},[172,1217,1219,1221,1223],{"class":174,"line":1218},25,[172,1220,655],{"class":182},[172,1222,308],{"class":186},[172,1224,207],{"class":182},[172,1226,1228],{"class":174,"line":1227},26,[172,1229,262],{"emptyLinePlaceholder":32},[172,1231,1233,1235,1237,1239,1241,1243,1245,1247,1249],{"class":174,"line":1232},27,[172,1234,540],{"class":186},[172,1236,124],{"class":182},[172,1238,393],{"class":275},[172,1240,302],{"class":186},[172,1242,204],{"class":196},[172,1244,400],{"class":200},[172,1246,204],{"class":196},[172,1248,308],{"class":186},[172,1250,207],{"class":182},[443,1252,1254,1257,1258],{"id":1253},"appname-and-appversion",[121,1255,1256],{},"appName"," and ",[121,1259,1260],{},"appVersion",[114,1262,1263],{},"These options allow you to provide your application's name and version. These values can be used in targeting rules conditionals. For example, if a certain feature should only be enabled starting with a certain version of your application.",[162,1265,1267],{"className":164,"code":1266,"filename":166,"language":167,"meta":168,"style":168},"import { createApp } from \"vue\";\nimport App from \".\u002FApp.vue\";\nimport { ConfigDirectorPlugin } from \"@configdirector\u002Fvue-sdk\";\n\nconst app = createApp(App);\n\napp.use(ConfigDirectorPlugin, {\n  sdkKey: \"YOUR-CLIENT-SDK-KEY\",\n  appName: \"YOUR-APP-NAME\",\n  appVersion: \"1.0.2\",\n});\n\napp.mount(\"#app\");\n",[121,1268,1269,1289,1305,1325,1329,1343,1347,1361,1375,1391,1407,1415,1419],{"__ignoreMap":168},[172,1270,1271,1273,1275,1277,1279,1281,1283,1285,1287],{"class":174,"line":175},[172,1272,179],{"class":178},[172,1274,183],{"class":182},[172,1276,187],{"class":186},[172,1278,190],{"class":182},[172,1280,193],{"class":178},[172,1282,197],{"class":196},[172,1284,201],{"class":200},[172,1286,204],{"class":196},[172,1288,207],{"class":182},[172,1290,1291,1293,1295,1297,1299,1301,1303],{"class":174,"line":210},[172,1292,179],{"class":178},[172,1294,215],{"class":186},[172,1296,218],{"class":178},[172,1298,197],{"class":196},[172,1300,223],{"class":200},[172,1302,204],{"class":196},[172,1304,207],{"class":182},[172,1306,1307,1309,1311,1313,1315,1317,1319,1321,1323],{"class":174,"line":230},[172,1308,179],{"class":178},[172,1310,183],{"class":182},[172,1312,237],{"class":186},[172,1314,190],{"class":182},[172,1316,193],{"class":178},[172,1318,197],{"class":196},[172,1320,252],{"class":200},[172,1322,204],{"class":196},[172,1324,207],{"class":182},[172,1326,1327],{"class":174,"line":259},[172,1328,262],{"emptyLinePlaceholder":32},[172,1330,1331,1333,1335,1337,1339,1341],{"class":174,"line":265},[172,1332,520],{"class":268},[172,1334,292],{"class":291},[172,1336,296],{"class":295},[172,1338,187],{"class":275},[172,1340,529],{"class":186},[172,1342,207],{"class":182},[172,1344,1345],{"class":174,"line":285},[172,1346,262],{"emptyLinePlaceholder":32},[172,1348,1349,1351,1353,1355,1357,1359],{"class":174,"line":313},[172,1350,540],{"class":186},[172,1352,124],{"class":182},[172,1354,365],{"class":275},[172,1356,547],{"class":186},[172,1358,240],{"class":182},[172,1360,282],{"class":182},[172,1362,1363,1365,1367,1369,1371,1373],{"class":174,"line":318},[172,1364,556],{"class":301},[172,1366,341],{"class":182},[172,1368,197],{"class":196},[172,1370,563],{"class":200},[172,1372,204],{"class":196},[172,1374,568],{"class":182},[172,1376,1377,1380,1382,1384,1387,1389],{"class":174,"line":357},[172,1378,1379],{"class":301},"  appName",[172,1381,341],{"class":182},[172,1383,197],{"class":196},[172,1385,1386],{"class":200},"YOUR-APP-NAME",[172,1388,204],{"class":196},[172,1390,568],{"class":182},[172,1392,1393,1396,1398,1400,1403,1405],{"class":174,"line":381},[172,1394,1395],{"class":301},"  appVersion",[172,1397,341],{"class":182},[172,1399,197],{"class":196},[172,1401,1402],{"class":200},"1.0.2",[172,1404,204],{"class":196},[172,1406,568],{"class":182},[172,1408,1409,1411,1413],{"class":174,"line":386},[172,1410,655],{"class":182},[172,1412,308],{"class":186},[172,1414,207],{"class":182},[172,1416,1417],{"class":174,"line":409},[172,1418,262],{"emptyLinePlaceholder":32},[172,1420,1421,1423,1425,1427,1429,1431,1433,1435,1437],{"class":174,"line":415},[172,1422,540],{"class":186},[172,1424,124],{"class":182},[172,1426,393],{"class":275},[172,1428,302],{"class":186},[172,1430,204],{"class":196},[172,1432,400],{"class":200},[172,1434,204],{"class":196},[172,1436,308],{"class":186},[172,1438,207],{"class":182},[443,1440,1442],{"id":1441},"timeout",[121,1443,1441],{},[114,1445,1446,1447,1449,1450,1452],{},"The timeout, in milliseconds, to be used in initialization and when updating the context. This is how long the ",[121,1448,441],{}," function will wait for data from ConfigDirector services before resolving its Promise. If the timeout is reached, ",[121,1451,441],{}," will return but the client will still be in an unready status and returning default values. The client will continue to attempt to connect and retrieve config values in the background.",[162,1454,1456],{"className":164,"code":1455,"filename":166,"language":167,"meta":168,"style":168},"import { createApp } from \"vue\";\nimport App from \".\u002FApp.vue\";\nimport { ConfigDirectorPlugin, initializeClient } from \"@configdirector\u002Fvue-sdk\";\n\nasync function bootstrap() {\n  const app = createApp(App);\n\n  const client = await initializeClient({\n    sdkKey: \"YOUR_CLIENT_SDK_KEY\",\n    timeout: 2_000, \u002F\u002F 2,000 milliseconds timeout, defaults to 3,000\n  });\n  app.use(ConfigDirectorPlugin, client);\n\n  app.mount(\"#app\");\n}\n\nbootstrap();\n",[121,1457,1458,1478,1494,1518,1522,1534,1552,1556,1573,1588,1604,1613,1633,1637,1657,1661,1665],{"__ignoreMap":168},[172,1459,1460,1462,1464,1466,1468,1470,1472,1474,1476],{"class":174,"line":175},[172,1461,179],{"class":178},[172,1463,183],{"class":182},[172,1465,187],{"class":186},[172,1467,190],{"class":182},[172,1469,193],{"class":178},[172,1471,197],{"class":196},[172,1473,201],{"class":200},[172,1475,204],{"class":196},[172,1477,207],{"class":182},[172,1479,1480,1482,1484,1486,1488,1490,1492],{"class":174,"line":210},[172,1481,179],{"class":178},[172,1483,215],{"class":186},[172,1485,218],{"class":178},[172,1487,197],{"class":196},[172,1489,223],{"class":200},[172,1491,204],{"class":196},[172,1493,207],{"class":182},[172,1495,1496,1498,1500,1502,1504,1506,1508,1510,1512,1514,1516],{"class":174,"line":230},[172,1497,179],{"class":178},[172,1499,183],{"class":182},[172,1501,237],{"class":186},[172,1503,240],{"class":182},[172,1505,243],{"class":186},[172,1507,190],{"class":182},[172,1509,193],{"class":178},[172,1511,197],{"class":196},[172,1513,252],{"class":200},[172,1515,204],{"class":196},[172,1517,207],{"class":182},[172,1519,1520],{"class":174,"line":259},[172,1521,262],{"emptyLinePlaceholder":32},[172,1523,1524,1526,1528,1530,1532],{"class":174,"line":265},[172,1525,269],{"class":268},[172,1527,272],{"class":268},[172,1529,276],{"class":275},[172,1531,279],{"class":182},[172,1533,282],{"class":182},[172,1535,1536,1538,1540,1542,1544,1546,1548,1550],{"class":174,"line":285},[172,1537,288],{"class":268},[172,1539,292],{"class":291},[172,1541,296],{"class":295},[172,1543,187],{"class":275},[172,1545,302],{"class":301},[172,1547,305],{"class":186},[172,1549,308],{"class":301},[172,1551,207],{"class":182},[172,1553,1554],{"class":174,"line":313},[172,1555,262],{"emptyLinePlaceholder":32},[172,1557,1558,1560,1562,1564,1566,1568,1570],{"class":174,"line":318},[172,1559,288],{"class":268},[172,1561,323],{"class":291},[172,1563,296],{"class":295},[172,1565,328],{"class":178},[172,1567,243],{"class":275},[172,1569,302],{"class":301},[172,1571,1572],{"class":182},"{\n",[172,1574,1575,1578,1580,1582,1584,1586],{"class":174,"line":357},[172,1576,1577],{"class":301},"    sdkKey",[172,1579,341],{"class":182},[172,1581,197],{"class":196},[172,1583,346],{"class":200},[172,1585,204],{"class":196},[172,1587,568],{"class":182},[172,1589,1590,1593,1595,1599,1601],{"class":174,"line":381},[172,1591,1592],{"class":301},"    timeout",[172,1594,341],{"class":182},[172,1596,1598],{"class":1597},"srdBf"," 2_000",[172,1600,240],{"class":182},[172,1602,1603],{"class":637}," \u002F\u002F 2,000 milliseconds timeout, defaults to 3,000\n",[172,1605,1606,1609,1611],{"class":174,"line":386},[172,1607,1608],{"class":182},"  }",[172,1610,308],{"class":301},[172,1612,207],{"class":182},[172,1614,1615,1617,1619,1621,1623,1625,1627,1629,1631],{"class":174,"line":409},[172,1616,360],{"class":186},[172,1618,124],{"class":182},[172,1620,365],{"class":275},[172,1622,302],{"class":301},[172,1624,370],{"class":186},[172,1626,240],{"class":182},[172,1628,323],{"class":186},[172,1630,308],{"class":301},[172,1632,207],{"class":182},[172,1634,1635],{"class":174,"line":415},[172,1636,262],{"emptyLinePlaceholder":32},[172,1638,1639,1641,1643,1645,1647,1649,1651,1653,1655],{"class":174,"line":420},[172,1640,360],{"class":186},[172,1642,124],{"class":182},[172,1644,393],{"class":275},[172,1646,302],{"class":301},[172,1648,204],{"class":196},[172,1650,400],{"class":200},[172,1652,204],{"class":196},[172,1654,308],{"class":301},[172,1656,207],{"class":182},[172,1658,1659],{"class":174,"line":646},[172,1660,412],{"class":182},[172,1662,1663],{"class":174,"line":652},[172,1664,262],{"emptyLinePlaceholder":32},[172,1666,1667,1669,1671],{"class":174,"line":662},[172,1668,423],{"class":275},[172,1670,279],{"class":186},[172,1672,207],{"class":182},[443,1674,1676],{"id":1675},"url",[121,1677,1675],{},[114,1679,1680],{},"The base URL used to connect to ConfigDirector services. This should only be provided if your environment requires you to configure a proxy server in order to connect to ConfigDirector services.",[109,1682,1684],{"id":1683},"retrieve-config-values","Retrieve config values",[114,1686,1687,1688,1691],{},"Retrieve a config value with the ",[121,1689,1690],{},"useConfigValue"," composable:",[145,1693],{"name":1694},"sdks\u002Fvue\u002Fsimple-usage",[114,1696,1697],{},"You can also determine if the client is still initializing, so rather than transition from the default value to the evaluated value, you can show a loading state until the client is ready and config values are evaluated:",[162,1699,1703],{"className":1700,"code":1701,"filename":1702,"language":201,"meta":168,"style":168},"language-vue shiki shiki-themes material-theme-lighter github-light github-dark","\u003Cscript setup lang=\"ts\">\nimport { useConfigValue } from \"@configdirector\u002Fvue-sdk\";\n\nconst { value, loading } = useConfigValue(\"my-config\", \"default value\");\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv v-if=\"loading\">Loading...\u003C\u002Fdiv>\n  \u003Cdiv v-else>my-config is : {{ value }}\u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","YourComponent.vue",[121,1704,1705,1733,1754,1758,1800,1809,1813,1822,1854,1874],{"__ignoreMap":168},[172,1706,1707,1710,1714,1718,1721,1724,1726,1728,1730],{"class":174,"line":175},[172,1708,1709],{"class":182},"\u003C",[172,1711,1713],{"class":1712},"sQzsp","script",[172,1715,1717],{"class":1716},"s9AJx"," setup",[172,1719,1720],{"class":1716}," lang",[172,1722,1723],{"class":182},"=",[172,1725,204],{"class":196},[172,1727,167],{"class":200},[172,1729,204],{"class":196},[172,1731,1732],{"class":182},">\n",[172,1734,1735,1737,1739,1742,1744,1746,1748,1750,1752],{"class":174,"line":210},[172,1736,179],{"class":178},[172,1738,183],{"class":182},[172,1740,1741],{"class":186}," useConfigValue",[172,1743,190],{"class":182},[172,1745,193],{"class":178},[172,1747,197],{"class":196},[172,1749,252],{"class":200},[172,1751,204],{"class":196},[172,1753,207],{"class":182},[172,1755,1756],{"class":174,"line":230},[172,1757,262],{"emptyLinePlaceholder":32},[172,1759,1760,1762,1764,1767,1769,1772,1774,1776,1778,1780,1782,1785,1787,1789,1791,1794,1796,1798],{"class":174,"line":259},[172,1761,520],{"class":268},[172,1763,183],{"class":182},[172,1765,1766],{"class":291}," value",[172,1768,240],{"class":182},[172,1770,1771],{"class":291}," loading",[172,1773,190],{"class":182},[172,1775,296],{"class":295},[172,1777,1741],{"class":275},[172,1779,302],{"class":186},[172,1781,204],{"class":196},[172,1783,1784],{"class":200},"my-config",[172,1786,204],{"class":196},[172,1788,240],{"class":182},[172,1790,197],{"class":196},[172,1792,1793],{"class":200},"default value",[172,1795,204],{"class":196},[172,1797,308],{"class":186},[172,1799,207],{"class":182},[172,1801,1802,1805,1807],{"class":174,"line":265},[172,1803,1804],{"class":182},"\u003C\u002F",[172,1806,1713],{"class":1712},[172,1808,1732],{"class":182},[172,1810,1811],{"class":174,"line":285},[172,1812,262],{"emptyLinePlaceholder":32},[172,1814,1815,1817,1820],{"class":174,"line":313},[172,1816,1709],{"class":182},[172,1818,1819],{"class":1712},"template",[172,1821,1732],{"class":182},[172,1823,1824,1827,1830,1833,1835,1837,1840,1842,1845,1848,1850,1852],{"class":174,"line":318},[172,1825,1826],{"class":182},"  \u003C",[172,1828,1829],{"class":1712},"div",[172,1831,1832],{"class":1716}," v-if",[172,1834,1723],{"class":182},[172,1836,204],{"class":196},[172,1838,1839],{"class":200},"loading",[172,1841,204],{"class":196},[172,1843,1844],{"class":182},">",[172,1846,1847],{"class":186},"Loading...",[172,1849,1804],{"class":182},[172,1851,1829],{"class":1712},[172,1853,1732],{"class":182},[172,1855,1856,1858,1860,1863,1865,1868,1870,1872],{"class":174,"line":357},[172,1857,1826],{"class":182},[172,1859,1829],{"class":1712},[172,1861,1862],{"class":1716}," v-else",[172,1864,1844],{"class":182},[172,1866,1867],{"class":186},"my-config is : {{ value }}",[172,1869,1804],{"class":182},[172,1871,1829],{"class":1712},[172,1873,1732],{"class":182},[172,1875,1876,1878,1880],{"class":174,"line":381},[172,1877,1804],{"class":182},[172,1879,1819],{"class":1712},[172,1881,1732],{"class":182},[114,1883,1884,1885,1888],{},"Alternatively, you can also use the ",[121,1886,1887],{},"useClientStatus"," composable to retrieve just the status:",[162,1890,1892],{"className":1700,"code":1891,"filename":1702,"language":201,"meta":168,"style":168},"\u003Cscript setup lang=\"ts\">\nimport { useClientStatus } from \"@configdirector\u002Fvue-sdk\";\n\nconst { loading } = useClientStatus();\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv v-if=\"loading\">Loading...\u003C\u002Fdiv>\n  \u003Cdiv v-else>\u003CSomeComponentThatUsesConfigValues \u002F>\u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[121,1893,1894,1914,1935,1939,1957,1965,1969,1977,2003,2024],{"__ignoreMap":168},[172,1895,1896,1898,1900,1902,1904,1906,1908,1910,1912],{"class":174,"line":175},[172,1897,1709],{"class":182},[172,1899,1713],{"class":1712},[172,1901,1717],{"class":1716},[172,1903,1720],{"class":1716},[172,1905,1723],{"class":182},[172,1907,204],{"class":196},[172,1909,167],{"class":200},[172,1911,204],{"class":196},[172,1913,1732],{"class":182},[172,1915,1916,1918,1920,1923,1925,1927,1929,1931,1933],{"class":174,"line":210},[172,1917,179],{"class":178},[172,1919,183],{"class":182},[172,1921,1922],{"class":186}," useClientStatus",[172,1924,190],{"class":182},[172,1926,193],{"class":178},[172,1928,197],{"class":196},[172,1930,252],{"class":200},[172,1932,204],{"class":196},[172,1934,207],{"class":182},[172,1936,1937],{"class":174,"line":230},[172,1938,262],{"emptyLinePlaceholder":32},[172,1940,1941,1943,1945,1947,1949,1951,1953,1955],{"class":174,"line":259},[172,1942,520],{"class":268},[172,1944,183],{"class":182},[172,1946,1771],{"class":291},[172,1948,190],{"class":182},[172,1950,296],{"class":295},[172,1952,1922],{"class":275},[172,1954,279],{"class":186},[172,1956,207],{"class":182},[172,1958,1959,1961,1963],{"class":174,"line":265},[172,1960,1804],{"class":182},[172,1962,1713],{"class":1712},[172,1964,1732],{"class":182},[172,1966,1967],{"class":174,"line":285},[172,1968,262],{"emptyLinePlaceholder":32},[172,1970,1971,1973,1975],{"class":174,"line":313},[172,1972,1709],{"class":182},[172,1974,1819],{"class":1712},[172,1976,1732],{"class":182},[172,1978,1979,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999,2001],{"class":174,"line":318},[172,1980,1826],{"class":182},[172,1982,1829],{"class":1712},[172,1984,1832],{"class":1716},[172,1986,1723],{"class":182},[172,1988,204],{"class":196},[172,1990,1839],{"class":200},[172,1992,204],{"class":196},[172,1994,1844],{"class":182},[172,1996,1847],{"class":186},[172,1998,1804],{"class":182},[172,2000,1829],{"class":1712},[172,2002,1732],{"class":182},[172,2004,2005,2007,2009,2011,2014,2017,2020,2022],{"class":174,"line":357},[172,2006,1826],{"class":182},[172,2008,1829],{"class":1712},[172,2010,1862],{"class":1716},[172,2012,2013],{"class":182},">\u003C",[172,2015,2016],{"class":1712},"SomeComponentThatUsesConfigValues",[172,2018,2019],{"class":182}," \u002F>\u003C\u002F",[172,2021,1829],{"class":1712},[172,2023,1732],{"class":182},[172,2025,2026,2028,2030],{"class":174,"line":381},[172,2027,1804],{"class":182},[172,2029,1819],{"class":1712},[172,2031,1732],{"class":182},[109,2033,2035],{"id":2034},"update-the-user-context","Update the user context",[145,2037],{"name":2038},"sdks\u002Fvue\u002Fuser-context",[2040,2041,2042],"note",{},"In client SDKs (browser and mobile), updating the user context re-establishes a new connection to ConfigDirector servers with the new context. While the new connection is in flight, config values will continue to evaluate to the currently cached values from the prior user context.",[109,2044,2046,2049],{"id":2045},"useclient-composable",[121,2047,2048],{},"useClient"," composable",[114,2051,2052,2053,1691],{},"In the event that you need to have access to the underlying Javascript ConfigDirectorClient instance for more complex behaviors, you can access the instance via the ",[121,2054,2048],{},[162,2056,2058],{"className":1700,"code":2057,"filename":1702,"language":201,"meta":168,"style":168},"\u003Cscript setup lang=\"ts\">\nimport { useClient } from \"@configdirector\u002Fvue-sdk\";\n\nconst { client } = useClient();\n\n\u002F\u002F Utilize the client for more involved logic\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv>A component with more complex usage\u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[121,2059,2060,2080,2101,2105,2123,2127,2132,2140,2144,2152,2169],{"__ignoreMap":168},[172,2061,2062,2064,2066,2068,2070,2072,2074,2076,2078],{"class":174,"line":175},[172,2063,1709],{"class":182},[172,2065,1713],{"class":1712},[172,2067,1717],{"class":1716},[172,2069,1720],{"class":1716},[172,2071,1723],{"class":182},[172,2073,204],{"class":196},[172,2075,167],{"class":200},[172,2077,204],{"class":196},[172,2079,1732],{"class":182},[172,2081,2082,2084,2086,2089,2091,2093,2095,2097,2099],{"class":174,"line":210},[172,2083,179],{"class":178},[172,2085,183],{"class":182},[172,2087,2088],{"class":186}," useClient",[172,2090,190],{"class":182},[172,2092,193],{"class":178},[172,2094,197],{"class":196},[172,2096,252],{"class":200},[172,2098,204],{"class":196},[172,2100,207],{"class":182},[172,2102,2103],{"class":174,"line":230},[172,2104,262],{"emptyLinePlaceholder":32},[172,2106,2107,2109,2111,2113,2115,2117,2119,2121],{"class":174,"line":259},[172,2108,520],{"class":268},[172,2110,183],{"class":182},[172,2112,323],{"class":291},[172,2114,190],{"class":182},[172,2116,296],{"class":295},[172,2118,2088],{"class":275},[172,2120,279],{"class":186},[172,2122,207],{"class":182},[172,2124,2125],{"class":174,"line":265},[172,2126,262],{"emptyLinePlaceholder":32},[172,2128,2129],{"class":174,"line":285},[172,2130,2131],{"class":637},"\u002F\u002F Utilize the client for more involved logic\n",[172,2133,2134,2136,2138],{"class":174,"line":313},[172,2135,1804],{"class":182},[172,2137,1713],{"class":1712},[172,2139,1732],{"class":182},[172,2141,2142],{"class":174,"line":318},[172,2143,262],{"emptyLinePlaceholder":32},[172,2145,2146,2148,2150],{"class":174,"line":357},[172,2147,1709],{"class":182},[172,2149,1819],{"class":1712},[172,2151,1732],{"class":182},[172,2153,2154,2156,2158,2160,2163,2165,2167],{"class":174,"line":381},[172,2155,1826],{"class":182},[172,2157,1829],{"class":1712},[172,2159,1844],{"class":182},[172,2161,2162],{"class":186},"A component with more complex usage",[172,2164,1804],{"class":182},[172,2166,1829],{"class":1712},[172,2168,1732],{"class":182},[172,2170,2171,2173,2175],{"class":174,"line":386},[172,2172,1804],{"class":182},[172,2174,1819],{"class":1712},[172,2176,1732],{"class":182},[2178,2179,2180,2181,2183,2184,1257,2186,2189,2190,2192,2193,2196,2197,2200,2201,2204,2205,2208],"warning",{},"Proceed with caution when using the ",[121,2182,2048],{}," composable. The ",[121,2185,1690],{},[121,2187,2188],{},"useContext"," composables manage listeners and cleanup automatically. However, if you make use of the ",[121,2191,2048],{}," composable, you must manage cleaning up any listeners yourself.",[2194,2195],"br",{},"\nAdditionally, any calls to ",[121,2198,2199],{},"dispose",", ",[121,2202,2203],{},"unwatch",", or ",[121,2206,2207],{},"unwatchAll"," on the client instance can have unintended side effects and may result in subtle bugs.",[2210,2211,2212],"style",{},"html pre.shiki code .sVHd0, html code.shiki .sVHd0{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sGLFI, html code.shiki .sGLFI{--shiki-light:#6182B8;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s_hVV, html code.shiki .s_hVV{--shiki-light:#90A4AE;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .skxfh, html code.shiki .skxfh{--shiki-light:#E53935;--shiki-default:#24292E;--shiki-dark:#E1E4E8}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 .sutJx, html code.shiki .sutJx{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#6A737D;--shiki-dark-font-style:inherit}html pre.shiki code .sbgvK, html code.shiki .sbgvK{--shiki-light:#E2931D;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s99_P, html code.shiki .s99_P{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#E36209;--shiki-default-font-style:inherit;--shiki-dark:#FFAB70;--shiki-dark-font-style:inherit}html pre.shiki code .sZMiF, html code.shiki .sZMiF{--shiki-light:#E2931D;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .srdBf, html code.shiki .srdBf{--shiki-light:#F76D47;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sQzsp, html code.shiki .sQzsp{--shiki-light:#E53935;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .s9AJx, html code.shiki .s9AJx{--shiki-light:#9C3EDA;--shiki-default:#6F42C1;--shiki-dark:#B392F0}",{"title":168,"searchDepth":210,"depth":210,"links":2214},[2215,2216,2217,2220,2221,2222],{"id":111,"depth":210,"text":112},{"id":133,"depth":210,"text":134},{"id":150,"depth":210,"text":151,"children":2218},[2219],{"id":431,"depth":230,"text":432},{"id":1683,"depth":210,"text":1684},{"id":2034,"depth":210,"text":2035},{"id":2045,"depth":210,"text":2223},"useClient composable","md",null,{},{"icon":61},{"title":58,"description":107},"UuQv2FzsWz1KLnIVqpvtgvWqysoTz4clcVifrg1rF9w",[2231,2233],{"title":53,"path":54,"stem":55,"description":2232,"icon":56,"children":-1},"React SDK",{"title":69,"path":70,"stem":71,"description":2234,"icon":56,"children":-1},"React Native SDK",{"id":2236,"title":2237,"body":2238,"description":168,"extension":2224,"links":2225,"meta":2313,"navigation":6,"path":2314,"seo":2315,"stem":2316,"__hash__":2317},"docs\u002F_partials\u002Fsdks\u002Fvue\u002Finstall.md","Install",{"type":102,"value":2239,"toc":2311},[2240,2308],[2241,2242,2243,2265,2280,2294],"code-group",{},[162,2244,2249],{"className":2245,"code":2246,"filename":2247,"language":2248,"meta":168,"style":168},"language-bash shiki shiki-themes material-theme-lighter github-light github-dark","npm install --save @configdirector\u002Fvue-sdk\n","npm","bash",[121,2250,2251],{"__ignoreMap":168},[172,2252,2253,2255,2258,2262],{"class":174,"line":175},[172,2254,2247],{"class":958},[172,2256,2257],{"class":200}," install",[172,2259,2261],{"class":2260},"stzsN"," --save",[172,2263,2264],{"class":200}," @configdirector\u002Fvue-sdk\n",[162,2266,2269],{"className":2245,"code":2267,"filename":2268,"language":2248,"meta":168,"style":168},"yarn add @configdirector\u002Fvue-sdk\n","yarn",[121,2270,2271],{"__ignoreMap":168},[172,2272,2273,2275,2278],{"class":174,"line":175},[172,2274,2268],{"class":958},[172,2276,2277],{"class":200}," add",[172,2279,2264],{"class":200},[162,2281,2284],{"className":2245,"code":2282,"filename":2283,"language":2248,"meta":48,"style":168},"pnpm add @configdirector\u002Fvue-sdk\n","pnpm",[121,2285,2286],{"__ignoreMap":168},[172,2287,2288,2290,2292],{"class":174,"line":175},[172,2289,2283],{"class":958},[172,2291,2277],{"class":200},[172,2293,2264],{"class":200},[162,2295,2298],{"className":2245,"code":2296,"filename":2297,"language":2248,"meta":168,"style":168},"bun add @configdirector\u002Fvue-sdk\n","bun",[121,2299,2300],{"__ignoreMap":168},[172,2301,2302,2304,2306],{"class":174,"line":175},[172,2303,2297],{"class":958},[172,2305,2277],{"class":200},[172,2307,2264],{"class":200},[2210,2309,2310],{},"html pre.shiki code .sbgvK, html code.shiki .sbgvK{--shiki-light:#E2931D;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .stzsN, html code.shiki .stzsN{--shiki-light:#91B859;--shiki-default:#005CC5;--shiki-dark:#79B8FF}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":168,"searchDepth":210,"depth":210,"links":2312},[],{},"\u002F_partials\u002Fsdks\u002Fvue\u002Finstall",{"description":168},"_partials\u002Fsdks\u002Fvue\u002Finstall","g885J1aqjFpA_QWc9YpIkFYr1MHMXEc_zTz8akSiJoc",{"id":2319,"title":2320,"body":2321,"description":168,"extension":2224,"links":2225,"meta":2465,"navigation":6,"path":2466,"seo":2467,"stem":2468,"__hash__":2469},"docs\u002F_partials\u002Fsdks\u002Fvue\u002Fconfigure.md","Configure",{"type":102,"value":2322,"toc":2463},[2323,2460],[162,2324,2326],{"className":164,"code":2325,"filename":166,"language":167,"meta":168,"style":168},"import { createApp } from \"vue\";\nimport App from \".\u002FApp.vue\";\nimport { ConfigDirectorPlugin } from \"@configdirector\u002Fvue-sdk\";\n\nconst app = createApp(App);\n\napp.use(ConfigDirectorPlugin, { sdkKey: \"YOUR-CLIENT-SDK-KEY\" });\n\napp.mount(\"#app\");\n",[121,2327,2328,2348,2364,2384,2388,2402,2406,2436,2440],{"__ignoreMap":168},[172,2329,2330,2332,2334,2336,2338,2340,2342,2344,2346],{"class":174,"line":175},[172,2331,179],{"class":178},[172,2333,183],{"class":182},[172,2335,187],{"class":186},[172,2337,190],{"class":182},[172,2339,193],{"class":178},[172,2341,197],{"class":196},[172,2343,201],{"class":200},[172,2345,204],{"class":196},[172,2347,207],{"class":182},[172,2349,2350,2352,2354,2356,2358,2360,2362],{"class":174,"line":210},[172,2351,179],{"class":178},[172,2353,215],{"class":186},[172,2355,218],{"class":178},[172,2357,197],{"class":196},[172,2359,223],{"class":200},[172,2361,204],{"class":196},[172,2363,207],{"class":182},[172,2365,2366,2368,2370,2372,2374,2376,2378,2380,2382],{"class":174,"line":230},[172,2367,179],{"class":178},[172,2369,183],{"class":182},[172,2371,237],{"class":186},[172,2373,190],{"class":182},[172,2375,193],{"class":178},[172,2377,197],{"class":196},[172,2379,252],{"class":200},[172,2381,204],{"class":196},[172,2383,207],{"class":182},[172,2385,2386],{"class":174,"line":259},[172,2387,262],{"emptyLinePlaceholder":32},[172,2389,2390,2392,2394,2396,2398,2400],{"class":174,"line":265},[172,2391,520],{"class":268},[172,2393,292],{"class":291},[172,2395,296],{"class":295},[172,2397,187],{"class":275},[172,2399,529],{"class":186},[172,2401,207],{"class":182},[172,2403,2404],{"class":174,"line":285},[172,2405,262],{"emptyLinePlaceholder":32},[172,2407,2408,2410,2412,2414,2416,2418,2420,2422,2424,2426,2428,2430,2432,2434],{"class":174,"line":313},[172,2409,540],{"class":186},[172,2411,124],{"class":182},[172,2413,365],{"class":275},[172,2415,547],{"class":186},[172,2417,240],{"class":182},[172,2419,183],{"class":182},[172,2421,338],{"class":301},[172,2423,341],{"class":182},[172,2425,197],{"class":196},[172,2427,563],{"class":200},[172,2429,204],{"class":196},[172,2431,190],{"class":182},[172,2433,308],{"class":186},[172,2435,207],{"class":182},[172,2437,2438],{"class":174,"line":318},[172,2439,262],{"emptyLinePlaceholder":32},[172,2441,2442,2444,2446,2448,2450,2452,2454,2456,2458],{"class":174,"line":357},[172,2443,540],{"class":186},[172,2445,124],{"class":182},[172,2447,393],{"class":275},[172,2449,302],{"class":186},[172,2451,204],{"class":196},[172,2453,400],{"class":200},[172,2455,204],{"class":196},[172,2457,308],{"class":186},[172,2459,207],{"class":182},[2210,2461,2462],{},"html pre.shiki code .sVHd0, html code.shiki .sVHd0{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s_hVV, html code.shiki .s_hVV{--shiki-light:#90A4AE;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sGLFI, html code.shiki .sGLFI{--shiki-light:#6182B8;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .skxfh, html code.shiki .skxfh{--shiki-light:#E53935;--shiki-default:#24292E;--shiki-dark:#E1E4E8}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":168,"searchDepth":210,"depth":210,"links":2464},[],{},"\u002F_partials\u002Fsdks\u002Fvue\u002Fconfigure",{"description":168},"_partials\u002Fsdks\u002Fvue\u002Fconfigure","rN_lmmvepFM2AvnXPQZXzSBRgtY7u_ewLsT4_pLB64I",{"id":2471,"title":2472,"body":2473,"description":168,"extension":2224,"links":2225,"meta":2607,"navigation":6,"path":2608,"seo":2609,"stem":2610,"__hash__":2611},"docs\u002F_partials\u002Fsdks\u002Fvue\u002Fsimple-usage.md","Simple Usage",{"type":102,"value":2474,"toc":2605},[2475,2602],[162,2476,2478],{"className":1700,"code":2477,"filename":1702,"language":201,"meta":168,"style":168},"\u003Cscript setup lang=\"ts\">\nimport { useConfigValue } from \"@configdirector\u002Fvue-sdk\";\n\nconst { value } = useConfigValue(\"my-config-key\", false);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv>my-config-key is : {{ value }}\u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[121,2479,2480,2500,2520,2524,2557,2565,2569,2577,2594],{"__ignoreMap":168},[172,2481,2482,2484,2486,2488,2490,2492,2494,2496,2498],{"class":174,"line":175},[172,2483,1709],{"class":182},[172,2485,1713],{"class":1712},[172,2487,1717],{"class":1716},[172,2489,1720],{"class":1716},[172,2491,1723],{"class":182},[172,2493,204],{"class":196},[172,2495,167],{"class":200},[172,2497,204],{"class":196},[172,2499,1732],{"class":182},[172,2501,2502,2504,2506,2508,2510,2512,2514,2516,2518],{"class":174,"line":210},[172,2503,179],{"class":178},[172,2505,183],{"class":182},[172,2507,1741],{"class":186},[172,2509,190],{"class":182},[172,2511,193],{"class":178},[172,2513,197],{"class":196},[172,2515,252],{"class":200},[172,2517,204],{"class":196},[172,2519,207],{"class":182},[172,2521,2522],{"class":174,"line":230},[172,2523,262],{"emptyLinePlaceholder":32},[172,2525,2526,2528,2530,2532,2534,2536,2538,2540,2542,2545,2547,2549,2553,2555],{"class":174,"line":259},[172,2527,520],{"class":268},[172,2529,183],{"class":182},[172,2531,1766],{"class":291},[172,2533,190],{"class":182},[172,2535,296],{"class":295},[172,2537,1741],{"class":275},[172,2539,302],{"class":186},[172,2541,204],{"class":196},[172,2543,2544],{"class":200},"my-config-key",[172,2546,204],{"class":196},[172,2548,240],{"class":182},[172,2550,2552],{"class":2551},"syTEX"," false",[172,2554,308],{"class":186},[172,2556,207],{"class":182},[172,2558,2559,2561,2563],{"class":174,"line":265},[172,2560,1804],{"class":182},[172,2562,1713],{"class":1712},[172,2564,1732],{"class":182},[172,2566,2567],{"class":174,"line":285},[172,2568,262],{"emptyLinePlaceholder":32},[172,2570,2571,2573,2575],{"class":174,"line":313},[172,2572,1709],{"class":182},[172,2574,1819],{"class":1712},[172,2576,1732],{"class":182},[172,2578,2579,2581,2583,2585,2588,2590,2592],{"class":174,"line":318},[172,2580,1826],{"class":182},[172,2582,1829],{"class":1712},[172,2584,1844],{"class":182},[172,2586,2587],{"class":186},"my-config-key is : {{ value }}",[172,2589,1804],{"class":182},[172,2591,1829],{"class":1712},[172,2593,1732],{"class":182},[172,2595,2596,2598,2600],{"class":174,"line":357},[172,2597,1804],{"class":182},[172,2599,1819],{"class":1712},[172,2601,1732],{"class":182},[2210,2603,2604],{},"html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sQzsp, html code.shiki .sQzsp{--shiki-light:#E53935;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .s9AJx, html code.shiki .s9AJx{--shiki-light:#9C3EDA;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sVHd0, html code.shiki .sVHd0{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s_hVV, html code.shiki .s_hVV{--shiki-light:#90A4AE;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sGLFI, html code.shiki .sGLFI{--shiki-light:#6182B8;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .syTEX, html code.shiki .syTEX{--shiki-light:#FF5370;--shiki-default:#005CC5;--shiki-dark:#79B8FF}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":168,"searchDepth":210,"depth":210,"links":2606},[],{},"\u002F_partials\u002Fsdks\u002Fvue\u002Fsimple-usage",{"description":168},"_partials\u002Fsdks\u002Fvue\u002Fsimple-usage","SkR4221NcIc47spy9NkYazOOZYQ6SpM2pBtkSayb7Zk",{"id":2613,"title":2614,"body":2615,"description":2619,"extension":2224,"links":2225,"meta":3128,"navigation":6,"path":3129,"seo":3130,"stem":3131,"__hash__":3132},"docs\u002F_partials\u002Fsdks\u002Fvue\u002Fuser-context.md","User Context",{"type":102,"value":2616,"toc":3126},[2617,2620,2830,2835,3123],[114,2618,2619],{},"A user context can be provided when initializing the plugin:",[162,2621,2622],{"className":164,"code":453,"filename":166,"language":167,"meta":168,"style":168},[121,2623,2624,2644,2660,2680,2684,2698,2702,2716,2730,2738,2752,2766,2774,2790,2794,2798,2806,2810],{"__ignoreMap":168},[172,2625,2626,2628,2630,2632,2634,2636,2638,2640,2642],{"class":174,"line":175},[172,2627,179],{"class":178},[172,2629,183],{"class":182},[172,2631,187],{"class":186},[172,2633,190],{"class":182},[172,2635,193],{"class":178},[172,2637,197],{"class":196},[172,2639,201],{"class":200},[172,2641,204],{"class":196},[172,2643,207],{"class":182},[172,2645,2646,2648,2650,2652,2654,2656,2658],{"class":174,"line":210},[172,2647,179],{"class":178},[172,2649,215],{"class":186},[172,2651,218],{"class":178},[172,2653,197],{"class":196},[172,2655,223],{"class":200},[172,2657,204],{"class":196},[172,2659,207],{"class":182},[172,2661,2662,2664,2666,2668,2670,2672,2674,2676,2678],{"class":174,"line":230},[172,2663,179],{"class":178},[172,2665,183],{"class":182},[172,2667,237],{"class":186},[172,2669,190],{"class":182},[172,2671,193],{"class":178},[172,2673,197],{"class":196},[172,2675,252],{"class":200},[172,2677,204],{"class":196},[172,2679,207],{"class":182},[172,2681,2682],{"class":174,"line":259},[172,2683,262],{"emptyLinePlaceholder":32},[172,2685,2686,2688,2690,2692,2694,2696],{"class":174,"line":265},[172,2687,520],{"class":268},[172,2689,292],{"class":291},[172,2691,296],{"class":295},[172,2693,187],{"class":275},[172,2695,529],{"class":186},[172,2697,207],{"class":182},[172,2699,2700],{"class":174,"line":285},[172,2701,262],{"emptyLinePlaceholder":32},[172,2703,2704,2706,2708,2710,2712,2714],{"class":174,"line":313},[172,2705,540],{"class":186},[172,2707,124],{"class":182},[172,2709,365],{"class":275},[172,2711,547],{"class":186},[172,2713,240],{"class":182},[172,2715,282],{"class":182},[172,2717,2718,2720,2722,2724,2726,2728],{"class":174,"line":318},[172,2719,556],{"class":301},[172,2721,341],{"class":182},[172,2723,197],{"class":196},[172,2725,563],{"class":200},[172,2727,204],{"class":196},[172,2729,568],{"class":182},[172,2731,2732,2734,2736],{"class":174,"line":357},[172,2733,573],{"class":301},[172,2735,341],{"class":182},[172,2737,282],{"class":182},[172,2739,2740,2742,2744,2746,2748,2750],{"class":174,"line":381},[172,2741,582],{"class":301},[172,2743,341],{"class":182},[172,2745,197],{"class":196},[172,2747,589],{"class":200},[172,2749,204],{"class":196},[172,2751,568],{"class":182},[172,2753,2754,2756,2758,2760,2762,2764],{"class":174,"line":386},[172,2755,598],{"class":301},[172,2757,341],{"class":182},[172,2759,197],{"class":196},[172,2761,605],{"class":200},[172,2763,204],{"class":196},[172,2765,568],{"class":182},[172,2767,2768,2770,2772],{"class":174,"line":409},[172,2769,614],{"class":301},[172,2771,341],{"class":182},[172,2773,282],{"class":182},[172,2775,2776,2778,2780,2782,2784,2786,2788],{"class":174,"line":415},[172,2777,623],{"class":301},[172,2779,341],{"class":182},[172,2781,197],{"class":196},[172,2783,630],{"class":200},[172,2785,204],{"class":196},[172,2787,240],{"class":182},[172,2789,638],{"class":637},[172,2791,2792],{"class":174,"line":420},[172,2793,643],{"class":182},[172,2795,2796],{"class":174,"line":646},[172,2797,649],{"class":182},[172,2799,2800,2802,2804],{"class":174,"line":652},[172,2801,655],{"class":182},[172,2803,308],{"class":186},[172,2805,207],{"class":182},[172,2807,2808],{"class":174,"line":662},[172,2809,262],{"emptyLinePlaceholder":32},[172,2811,2812,2814,2816,2818,2820,2822,2824,2826,2828],{"class":174,"line":667},[172,2813,540],{"class":186},[172,2815,124],{"class":182},[172,2817,393],{"class":275},[172,2819,302],{"class":186},[172,2821,204],{"class":196},[172,2823,400],{"class":200},[172,2825,204],{"class":196},[172,2827,308],{"class":186},[172,2829,207],{"class":182},[114,2831,2832,2833,1691],{},"The user context can also be updated via the ",[121,2834,2188],{},[162,2836,2838],{"className":1700,"code":2837,"filename":1702,"language":201,"meta":168,"style":168},"\u003Cscript setup lang=\"ts\">\nimport { useConfigValue, useContext } from \"@configdirector\u002Fvue-sdk\";\n\nconst { updateContext } = useContext();\nconst { value } = useConfigValue(\"my-config-key\", false);\n\nconst onUpdate = () => {\n  updateContext({\n    id: \"654321\",\n    name: \"Another User\",\n    traits: {\n      region: \"Australia\",\n    },\n  });\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv>my-config-key is : {{ value }}\u003C\u002Fdiv>\n  \u003Cbutton type=\"button\" @click=\"onUpdate\">Update Context\u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n",[121,2839,2840,2860,2885,2889,2908,2938,2942,2960,2969,2984,2999,3007,3022,3026,3034,3038,3046,3050,3058,3074,3115],{"__ignoreMap":168},[172,2841,2842,2844,2846,2848,2850,2852,2854,2856,2858],{"class":174,"line":175},[172,2843,1709],{"class":182},[172,2845,1713],{"class":1712},[172,2847,1717],{"class":1716},[172,2849,1720],{"class":1716},[172,2851,1723],{"class":182},[172,2853,204],{"class":196},[172,2855,167],{"class":200},[172,2857,204],{"class":196},[172,2859,1732],{"class":182},[172,2861,2862,2864,2866,2868,2870,2873,2875,2877,2879,2881,2883],{"class":174,"line":210},[172,2863,179],{"class":178},[172,2865,183],{"class":182},[172,2867,1741],{"class":186},[172,2869,240],{"class":182},[172,2871,2872],{"class":186}," useContext",[172,2874,190],{"class":182},[172,2876,193],{"class":178},[172,2878,197],{"class":196},[172,2880,252],{"class":200},[172,2882,204],{"class":196},[172,2884,207],{"class":182},[172,2886,2887],{"class":174,"line":230},[172,2888,262],{"emptyLinePlaceholder":32},[172,2890,2891,2893,2895,2898,2900,2902,2904,2906],{"class":174,"line":259},[172,2892,520],{"class":268},[172,2894,183],{"class":182},[172,2896,2897],{"class":291}," updateContext",[172,2899,190],{"class":182},[172,2901,296],{"class":295},[172,2903,2872],{"class":275},[172,2905,279],{"class":186},[172,2907,207],{"class":182},[172,2909,2910,2912,2914,2916,2918,2920,2922,2924,2926,2928,2930,2932,2934,2936],{"class":174,"line":265},[172,2911,520],{"class":268},[172,2913,183],{"class":182},[172,2915,1766],{"class":291},[172,2917,190],{"class":182},[172,2919,296],{"class":295},[172,2921,1741],{"class":275},[172,2923,302],{"class":186},[172,2925,204],{"class":196},[172,2927,2544],{"class":200},[172,2929,204],{"class":196},[172,2931,240],{"class":182},[172,2933,2552],{"class":2551},[172,2935,308],{"class":186},[172,2937,207],{"class":182},[172,2939,2940],{"class":174,"line":285},[172,2941,262],{"emptyLinePlaceholder":32},[172,2943,2944,2946,2950,2952,2955,2958],{"class":174,"line":313},[172,2945,520],{"class":268},[172,2947,2949],{"class":2948},"sfCm-"," onUpdate",[172,2951,296],{"class":295},[172,2953,2954],{"class":182}," ()",[172,2956,2957],{"class":268}," =>",[172,2959,282],{"class":182},[172,2961,2962,2965,2967],{"class":174,"line":318},[172,2963,2964],{"class":275},"  updateContext",[172,2966,302],{"class":301},[172,2968,1572],{"class":182},[172,2970,2971,2973,2975,2977,2980,2982],{"class":174,"line":357},[172,2972,582],{"class":301},[172,2974,341],{"class":182},[172,2976,197],{"class":196},[172,2978,2979],{"class":200},"654321",[172,2981,204],{"class":196},[172,2983,568],{"class":182},[172,2985,2986,2988,2990,2992,2995,2997],{"class":174,"line":381},[172,2987,598],{"class":301},[172,2989,341],{"class":182},[172,2991,197],{"class":196},[172,2993,2994],{"class":200},"Another User",[172,2996,204],{"class":196},[172,2998,568],{"class":182},[172,3000,3001,3003,3005],{"class":174,"line":386},[172,3002,614],{"class":301},[172,3004,341],{"class":182},[172,3006,282],{"class":182},[172,3008,3009,3011,3013,3015,3018,3020],{"class":174,"line":409},[172,3010,623],{"class":301},[172,3012,341],{"class":182},[172,3014,197],{"class":196},[172,3016,3017],{"class":200},"Australia",[172,3019,204],{"class":196},[172,3021,568],{"class":182},[172,3023,3024],{"class":174,"line":415},[172,3025,643],{"class":182},[172,3027,3028,3030,3032],{"class":174,"line":420},[172,3029,1608],{"class":182},[172,3031,308],{"class":301},[172,3033,207],{"class":182},[172,3035,3036],{"class":174,"line":646},[172,3037,1149],{"class":182},[172,3039,3040,3042,3044],{"class":174,"line":652},[172,3041,1804],{"class":182},[172,3043,1713],{"class":1712},[172,3045,1732],{"class":182},[172,3047,3048],{"class":174,"line":662},[172,3049,262],{"emptyLinePlaceholder":32},[172,3051,3052,3054,3056],{"class":174,"line":667},[172,3053,1709],{"class":182},[172,3055,1819],{"class":1712},[172,3057,1732],{"class":182},[172,3059,3060,3062,3064,3066,3068,3070,3072],{"class":174,"line":1152},[172,3061,1826],{"class":182},[172,3063,1829],{"class":1712},[172,3065,1844],{"class":182},[172,3067,2587],{"class":186},[172,3069,1804],{"class":182},[172,3071,1829],{"class":1712},[172,3073,1732],{"class":182},[172,3075,3076,3078,3081,3084,3086,3088,3090,3092,3095,3097,3099,3102,3104,3106,3109,3111,3113],{"class":174,"line":1157},[172,3077,1826],{"class":182},[172,3079,3080],{"class":1712},"button",[172,3082,3083],{"class":1716}," type",[172,3085,1723],{"class":182},[172,3087,204],{"class":196},[172,3089,3080],{"class":200},[172,3091,204],{"class":196},[172,3093,3094],{"class":1716}," @click",[172,3096,1723],{"class":182},[172,3098,204],{"class":196},[172,3100,3101],{"class":200},"onUpdate",[172,3103,204],{"class":196},[172,3105,1844],{"class":182},[172,3107,3108],{"class":186},"Update Context",[172,3110,1804],{"class":182},[172,3112,3080],{"class":1712},[172,3114,1732],{"class":182},[172,3116,3117,3119,3121],{"class":174,"line":1172},[172,3118,1804],{"class":182},[172,3120,1819],{"class":1712},[172,3122,1732],{"class":182},[2210,3124,3125],{},"html pre.shiki code .sVHd0, html code.shiki .sVHd0{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s_hVV, html code.shiki .s_hVV{--shiki-light:#90A4AE;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sGLFI, html code.shiki .sGLFI{--shiki-light:#6182B8;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .skxfh, html code.shiki .skxfh{--shiki-light:#E53935;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sutJx, html code.shiki .sutJx{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#6A737D;--shiki-dark-font-style:inherit}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 .sQzsp, html code.shiki .sQzsp{--shiki-light:#E53935;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .s9AJx, html code.shiki .s9AJx{--shiki-light:#9C3EDA;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .syTEX, html code.shiki .syTEX{--shiki-light:#FF5370;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sfCm-, html code.shiki .sfCm-{--shiki-light:#90A4AE;--shiki-default:#6F42C1;--shiki-dark:#B392F0}",{"title":168,"searchDepth":210,"depth":210,"links":3127},[],{},"\u002F_partials\u002Fsdks\u002Fvue\u002Fuser-context",{"description":2619},"_partials\u002Fsdks\u002Fvue\u002Fuser-context","2t4mI7CaPjKFtQ5-VRbkAq9DxR-XRbkRjrNXa5E63SA",1781641012370]