[{"data":1,"prerenderedAt":4192},["ShallowReactive",2],{"navigation_docs":3,"-features-live-preview":70,"-features-live-preview-surround":4189},[4,30,60],{"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},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Quick Start","\u002Fgetting-started\u002Fquick-start","1.getting-started\u002F4.quick-start","i-lucide-rocket",{"title":26,"path":27,"stem":28,"icon":29},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F5.configuration","i-lucide-settings",{"title":31,"path":32,"stem":33,"children":34,"page":6},"Essentials","\u002Fessentials","2.essentials",[35,40,45,50,55],{"title":36,"path":37,"stem":38,"icon":39},"Composables","\u002Fessentials\u002Fcomposables","2.essentials\u002F1.composables","i-lucide-code",{"title":41,"path":42,"stem":43,"icon":44},"Components","\u002Fessentials\u002Fcomponents","2.essentials\u002F2.components","i-lucide-layers",{"title":46,"path":47,"stem":48,"icon":49},"Image Optimization","\u002Fessentials\u002Fimage-optimization","2.essentials\u002F3.image-optimization","i-lucide-image",{"title":51,"path":52,"stem":53,"icon":54},"Personalization","\u002Fessentials\u002Fpersonalization","2.essentials\u002F4.personalization","i-lucide-users",{"title":56,"path":57,"stem":58,"icon":59},"Performance Optimization","\u002Fessentials\u002Fperformance","2.essentials\u002F5.performance","i-lucide-zap",{"title":61,"path":62,"stem":63,"children":64,"page":6},"Features","\u002Ffeatures","3.features",[65],{"title":66,"path":67,"stem":68,"icon":69},"Live Preview","\u002Ffeatures\u002Flive-preview","3.features\u002F1.live-preview","i-lucide-eye",{"id":71,"title":66,"body":72,"description":4182,"extension":4183,"links":4184,"meta":4185,"navigation":4186,"path":67,"seo":4187,"stem":68,"__hash__":4188},"docs\u002F3.features\u002F1.live-preview.md",{"type":73,"value":74,"toc":4142},"minimark",[75,79,97,102,105,139,143,148,156,429,433,436,482,489,493,496,1125,1140,1144,1148,1258,1262,1265,1401,1405,1522,1526,1530,1533,1565,1570,1584,1588,1591,1623,1627,1641,1645,1649,1652,2223,2227,2230,2525,2529,2532,2779,2783,2787,2790,2928,2932,2935,3141,3145,3149,3152,3355,3359,3362,3745,3749,3753,3758,3769,3774,3785,3789,3794,3805,3810,3821,3825,3830,3841,3846,3857,3861,3865,3870,3929,3934,3990,3995,4054,4058,4061,4122,4126,4139],[76,77,78],"p",{},"Live Preview is one of the most powerful features of Nuxt Contentstack, enabling real-time content editing and visual building capabilities. Content creators can see their changes instantly without page refreshes, creating a seamless editing experience.",[80,81,84,88,89,96],"callout",{"icon":82,"color":83},"i-lucide-video","primary",[85,86,87],"strong",{},"Learn Live Preview",": Master Contentstack's Live Preview feature with the ",[90,91,95],"a",{"href":92,"rel":93},"https:\u002F\u002Fwww.contentstack.com\u002Facademy\u002Fcourses\u002Fimplementing-live-preview",[94],"nofollow","Implementing Live Preview"," Academy course. Learn setup and configuration for both Client-Side Rendering (CSR) and Server-Side Rendering (SSR) environments.",[98,99,101],"h2",{"id":100},"overview","Overview",[76,103,104],{},"Live Preview consists of several integrated features:",[106,107,108,115,121,127,133],"ul",{},[109,110,111,114],"li",{},[85,112,113],{},"Real-time Updates",": See content changes instantly without page refreshes",[109,116,117,120],{},[85,118,119],{},"Visual Builder",": Edit content directly on the page with visual editing tools",[109,122,123,126],{},[85,124,125],{},"Edit Buttons",": Quick access to editing interfaces",[109,128,129,132],{},[85,130,131],{},"Editable Tags",": Visual indicators for editable content areas",[109,134,135,138],{},[85,136,137],{},"Preview Modes",": Switch between builder and preview modes",[98,140,142],{"id":141},"quick-setup","Quick Setup",[144,145,147],"h3",{"id":146},"_1-enable-live-preview","1. Enable Live Preview",[76,149,150,151,155],{},"Configure live preview in your ",[152,153,154],"code",{},"nuxt.config.ts",":",[157,158,163],"pre",{"className":159,"code":160,"filename":154,"language":161,"meta":162,"style":162},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n modules: ['nuxt-contentstack'],\n \n 'nuxt-contentstack': {\n \u002F\u002F Core configuration\n apiKey: process.env.NUXT_CONTENTSTACK_API_KEY,\n deliveryToken: process.env.NUXT_CONTENTSTACK_DELIVERY_TOKEN,\n environment: 'preview', \u002F\u002F Use preview environment\n \n \u002F\u002F Live Preview configuration\n livePreview: {\n enable: true,\n previewToken: process.env.NUXT_CONTENTSTACK_PREVIEW_TOKEN,\n editableTags: true,\n editButton: true,\n mode: 'builder'\n }\n }\n})\n","ts","",[152,164,165,189,216,222,237,244,268,289,311,317,323,333,347,368,380,392,408,414,420],{"__ignoreMap":162},[166,167,170,174,177,181,185],"span",{"class":168,"line":169},"line",1,[166,171,173],{"class":172},"s7zQu","export",[166,175,176],{"class":172}," default",[166,178,180],{"class":179},"s2Zo4"," defineNuxtConfig",[166,182,184],{"class":183},"sTEyZ","(",[166,186,188],{"class":187},"sMK4o","{\n",[166,190,192,196,198,201,204,208,210,213],{"class":168,"line":191},2,[166,193,195],{"class":194},"swJcz"," modules",[166,197,155],{"class":187},[166,199,200],{"class":183}," [",[166,202,203],{"class":187},"'",[166,205,207],{"class":206},"sfazB","nuxt-contentstack",[166,209,203],{"class":187},[166,211,212],{"class":183},"]",[166,214,215],{"class":187},",\n",[166,217,219],{"class":168,"line":218},3,[166,220,221],{"class":183}," \n",[166,223,225,228,230,232,234],{"class":168,"line":224},4,[166,226,227],{"class":187}," '",[166,229,207],{"class":194},[166,231,203],{"class":187},[166,233,155],{"class":187},[166,235,236],{"class":187}," {\n",[166,238,240],{"class":168,"line":239},5,[166,241,243],{"class":242},"sHwdD"," \u002F\u002F Core configuration\n",[166,245,247,250,252,255,258,261,263,266],{"class":168,"line":246},6,[166,248,249],{"class":194}," apiKey",[166,251,155],{"class":187},[166,253,254],{"class":183}," process",[166,256,257],{"class":187},".",[166,259,260],{"class":183},"env",[166,262,257],{"class":187},[166,264,265],{"class":183},"NUXT_CONTENTSTACK_API_KEY",[166,267,215],{"class":187},[166,269,271,274,276,278,280,282,284,287],{"class":168,"line":270},7,[166,272,273],{"class":194}," deliveryToken",[166,275,155],{"class":187},[166,277,254],{"class":183},[166,279,257],{"class":187},[166,281,260],{"class":183},[166,283,257],{"class":187},[166,285,286],{"class":183},"NUXT_CONTENTSTACK_DELIVERY_TOKEN",[166,288,215],{"class":187},[166,290,292,295,297,300,303,305,308],{"class":168,"line":291},8,[166,293,294],{"class":194}," environment",[166,296,155],{"class":187},[166,298,299],{"class":187}," '",[166,301,302],{"class":206},"preview",[166,304,203],{"class":187},[166,306,307],{"class":187},",",[166,309,310],{"class":242}," \u002F\u002F Use preview environment\n",[166,312,314],{"class":168,"line":313},9,[166,315,316],{"class":183}," \n",[166,318,320],{"class":168,"line":319},10,[166,321,322],{"class":242}," \u002F\u002F Live Preview configuration\n",[166,324,326,329,331],{"class":168,"line":325},11,[166,327,328],{"class":194}," livePreview",[166,330,155],{"class":187},[166,332,236],{"class":187},[166,334,336,339,341,345],{"class":168,"line":335},12,[166,337,338],{"class":194}," enable",[166,340,155],{"class":187},[166,342,344],{"class":343},"sfNiH"," true",[166,346,215],{"class":187},[166,348,350,353,355,357,359,361,363,366],{"class":168,"line":349},13,[166,351,352],{"class":194}," previewToken",[166,354,155],{"class":187},[166,356,254],{"class":183},[166,358,257],{"class":187},[166,360,260],{"class":183},[166,362,257],{"class":187},[166,364,365],{"class":183},"NUXT_CONTENTSTACK_PREVIEW_TOKEN",[166,367,215],{"class":187},[166,369,371,374,376,378],{"class":168,"line":370},14,[166,372,373],{"class":194}," editableTags",[166,375,155],{"class":187},[166,377,344],{"class":343},[166,379,215],{"class":187},[166,381,383,386,388,390],{"class":168,"line":382},15,[166,384,385],{"class":194}," editButton",[166,387,155],{"class":187},[166,389,344],{"class":343},[166,391,215],{"class":187},[166,393,395,398,400,402,405],{"class":168,"line":394},16,[166,396,397],{"class":194}," mode",[166,399,155],{"class":187},[166,401,299],{"class":187},[166,403,404],{"class":206},"builder",[166,406,407],{"class":187},"'\n",[166,409,411],{"class":168,"line":410},17,[166,412,413],{"class":187}," }\n",[166,415,417],{"class":168,"line":416},18,[166,418,419],{"class":187}," }\n",[166,421,423,426],{"class":168,"line":422},19,[166,424,425],{"class":187},"}",[166,427,428],{"class":183},")\n",[144,430,432],{"id":431},"_2-environment-variables","2. Environment Variables",[76,434,435],{},"Add your preview token to environment variables:",[157,437,442],{"className":438,"code":439,"filename":440,"language":441,"meta":162,"style":162},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NUXT_CONTENTSTACK_API_KEY=your_api_key\nNUXT_CONTENTSTACK_DELIVERY_TOKEN=your_delivery_token\nNUXT_CONTENTSTACK_PREVIEW_TOKEN=your_preview_token\nNUXT_CONTENTSTACK_ENVIRONMENT=preview\n",".env","bash",[152,443,444,454,463,472],{"__ignoreMap":162},[166,445,446,448,451],{"class":168,"line":169},[166,447,265],{"class":183},[166,449,450],{"class":187},"=",[166,452,453],{"class":206},"your_api_key\n",[166,455,456,458,460],{"class":168,"line":191},[166,457,286],{"class":183},[166,459,450],{"class":187},[166,461,462],{"class":206},"your_delivery_token\n",[166,464,465,467,469],{"class":168,"line":218},[166,466,365],{"class":183},[166,468,450],{"class":187},[166,470,471],{"class":206},"your_preview_token\n",[166,473,474,477,479],{"class":168,"line":224},[166,475,476],{"class":183},"NUXT_CONTENTSTACK_ENVIRONMENT",[166,478,450],{"class":187},[166,480,481],{"class":206},"preview\n",[80,483,485,488],{"icon":484},"i-lucide-key",[85,486,487],{},"Preview Token",": Find your preview token in Contentstack under Settings → Tokens → Preview Tokens.",[144,490,492],{"id":491},"_3-update-your-components","3. Update Your Components",[76,494,495],{},"Add CSLP (Contentstack Live Preview) attributes to make content editable:",[157,497,502],{"className":498,"code":499,"filename":500,"language":501,"meta":162,"style":162},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport type { Page } from \"..\u002F..\u002Ftypes\";\n\ntype PageProps = Omit\u003CPage, \"$\"> & {\n cslp?: Page[\"$\"];\n};\n\nconst route = useRoute()\nconst path = `\u002F${route.params.slug?.join('\u002F') || ''}`\n\n\u002F\u002F Automatically supports live preview\nconst { data: page, refresh } = await useGetEntryByUrl\u003CPageProps>({\n contentTypeUid: 'page',\n url: path,\n referenceFieldPath: ['components', 'seo'],\n jsonRtePath: ['content']\n})\n\nif (!page.value) {\n throw createError({ statusCode: 404, statusMessage: 'Page Not Found' })\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cmain v-if=\"page\">\n \u003Ch1 v-bind=\"page.cslp && page.cslp.title\">{{ page.title }}\u003C\u002Fh1>\n \u003Cdiv v-bind=\"page.cslp && page.cslp.content\" v-html=\"page.content\">\u003C\u002Fdiv>\n \n \u003C!-- Components with live preview support -->\n \u003Ccomponent \n v-for=\"comp in page.components\" \n :key=\"comp.uid\"\n :is=\"comp._content_type_uid\"\n v-bind=\"comp\"\n \u002F>\n \u003C\u002Fmain>\n\u003C\u002Ftemplate>\n","pages\u002F[...slug].vue","vue",[152,503,504,519,551,557,594,617,622,626,642,696,700,705,745,761,773,802,821,827,831,851,892,898,908,913,923,945,977,1015,1020,1026,1037,1054,1070,1085,1100,1106,1116],{"__ignoreMap":162},[166,505,506,509,512,516],{"class":168,"line":169},[166,507,508],{"class":187},"\u003C",[166,510,511],{"class":194},"script",[166,513,515],{"class":514},"spNyl"," setup",[166,517,518],{"class":187},">\n",[166,520,521,524,527,530,533,536,539,542,545,548],{"class":168,"line":191},[166,522,523],{"class":172},"import",[166,525,526],{"class":172}," type",[166,528,529],{"class":187}," {",[166,531,532],{"class":183}," Page",[166,534,535],{"class":187}," }",[166,537,538],{"class":172}," from",[166,540,541],{"class":187}," \"",[166,543,544],{"class":206},"..\u002F..\u002Ftypes",[166,546,547],{"class":187},"\"",[166,549,550],{"class":187},";\n",[166,552,553],{"class":168,"line":218},[166,554,556],{"emptyLinePlaceholder":555},true,"\n",[166,558,559,562,566,569,572,574,577,579,581,584,586,589,592],{"class":168,"line":224},[166,560,561],{"class":514},"type",[166,563,565],{"class":564},"sBMFI"," PageProps",[166,567,568],{"class":187}," =",[166,570,571],{"class":564}," Omit",[166,573,508],{"class":187},[166,575,576],{"class":564},"Page",[166,578,307],{"class":187},[166,580,541],{"class":187},[166,582,583],{"class":206},"$",[166,585,547],{"class":187},[166,587,588],{"class":187},">",[166,590,591],{"class":187}," &",[166,593,236],{"class":187},[166,595,596,599,602,604,607,609,611,613,615],{"class":168,"line":239},[166,597,598],{"class":194}," cslp",[166,600,601],{"class":187},"?:",[166,603,532],{"class":564},[166,605,606],{"class":183},"[",[166,608,547],{"class":187},[166,610,583],{"class":206},[166,612,547],{"class":187},[166,614,212],{"class":183},[166,616,550],{"class":187},[166,618,619],{"class":168,"line":246},[166,620,621],{"class":187},"};\n",[166,623,624],{"class":168,"line":270},[166,625,556],{"emptyLinePlaceholder":555},[166,627,628,631,634,636,639],{"class":168,"line":291},[166,629,630],{"class":514},"const",[166,632,633],{"class":183}," route ",[166,635,450],{"class":187},[166,637,638],{"class":179}," useRoute",[166,640,641],{"class":183},"()\n",[166,643,644,646,649,651,654,657,660,663,665,668,670,673,676,679,681,683,685,687,690,693],{"class":168,"line":313},[166,645,630],{"class":514},[166,647,648],{"class":183}," path ",[166,650,450],{"class":187},[166,652,653],{"class":187}," `",[166,655,656],{"class":206},"\u002F",[166,658,659],{"class":187},"${",[166,661,662],{"class":183},"route",[166,664,257],{"class":187},[166,666,667],{"class":183},"params",[166,669,257],{"class":187},[166,671,672],{"class":183},"slug",[166,674,675],{"class":187},"?.",[166,677,678],{"class":179},"join",[166,680,184],{"class":183},[166,682,203],{"class":187},[166,684,656],{"class":206},[166,686,203],{"class":187},[166,688,689],{"class":183},") ",[166,691,692],{"class":187},"||",[166,694,695],{"class":187}," ''}`\n",[166,697,698],{"class":168,"line":319},[166,699,556],{"emptyLinePlaceholder":555},[166,701,702],{"class":168,"line":325},[166,703,704],{"class":242},"\u002F\u002F Automatically supports live preview\n",[166,706,707,709,711,714,716,719,721,724,726,728,731,734,736,739,741,743],{"class":168,"line":335},[166,708,630],{"class":514},[166,710,529],{"class":187},[166,712,713],{"class":194}," data",[166,715,155],{"class":187},[166,717,718],{"class":183}," page",[166,720,307],{"class":187},[166,722,723],{"class":183}," refresh ",[166,725,425],{"class":187},[166,727,568],{"class":187},[166,729,730],{"class":172}," await",[166,732,733],{"class":179}," useGetEntryByUrl",[166,735,508],{"class":187},[166,737,738],{"class":564},"PageProps",[166,740,588],{"class":187},[166,742,184],{"class":183},[166,744,188],{"class":187},[166,746,747,750,752,754,757,759],{"class":168,"line":349},[166,748,749],{"class":194}," contentTypeUid",[166,751,155],{"class":187},[166,753,299],{"class":187},[166,755,756],{"class":206},"page",[166,758,203],{"class":187},[166,760,215],{"class":187},[166,762,763,766,768,771],{"class":168,"line":370},[166,764,765],{"class":194}," url",[166,767,155],{"class":187},[166,769,770],{"class":183}," path",[166,772,215],{"class":187},[166,774,775,778,780,782,784,787,789,791,793,796,798,800],{"class":168,"line":382},[166,776,777],{"class":194}," referenceFieldPath",[166,779,155],{"class":187},[166,781,200],{"class":183},[166,783,203],{"class":187},[166,785,786],{"class":206},"components",[166,788,203],{"class":187},[166,790,307],{"class":187},[166,792,299],{"class":187},[166,794,795],{"class":206},"seo",[166,797,203],{"class":187},[166,799,212],{"class":183},[166,801,215],{"class":187},[166,803,804,807,809,811,813,816,818],{"class":168,"line":394},[166,805,806],{"class":194}," jsonRtePath",[166,808,155],{"class":187},[166,810,200],{"class":183},[166,812,203],{"class":187},[166,814,815],{"class":206},"content",[166,817,203],{"class":187},[166,819,820],{"class":183},"]\n",[166,822,823,825],{"class":168,"line":410},[166,824,425],{"class":187},[166,826,428],{"class":183},[166,828,829],{"class":168,"line":416},[166,830,556],{"emptyLinePlaceholder":555},[166,832,833,836,839,842,844,846,849],{"class":168,"line":422},[166,834,835],{"class":172},"if",[166,837,838],{"class":183}," (",[166,840,841],{"class":187},"!",[166,843,756],{"class":183},[166,845,257],{"class":187},[166,847,848],{"class":183},"value) ",[166,850,188],{"class":187},[166,852,854,857,860,862,865,868,870,874,876,879,881,883,886,888,890],{"class":168,"line":853},20,[166,855,856],{"class":172}," throw",[166,858,859],{"class":179}," createError",[166,861,184],{"class":194},[166,863,864],{"class":187},"{",[166,866,867],{"class":194}," statusCode",[166,869,155],{"class":187},[166,871,873],{"class":872},"sbssI"," 404",[166,875,307],{"class":187},[166,877,878],{"class":194}," statusMessage",[166,880,155],{"class":187},[166,882,299],{"class":187},[166,884,885],{"class":206},"Page Not Found",[166,887,203],{"class":187},[166,889,535],{"class":187},[166,891,428],{"class":194},[166,893,895],{"class":168,"line":894},21,[166,896,897],{"class":187},"}\n",[166,899,901,904,906],{"class":168,"line":900},22,[166,902,903],{"class":187},"\u003C\u002F",[166,905,511],{"class":194},[166,907,518],{"class":187},[166,909,911],{"class":168,"line":910},23,[166,912,556],{"emptyLinePlaceholder":555},[166,914,916,918,921],{"class":168,"line":915},24,[166,917,508],{"class":187},[166,919,920],{"class":194},"template",[166,922,518],{"class":187},[166,924,926,929,932,935,937,939,941,943],{"class":168,"line":925},25,[166,927,928],{"class":187}," \u003C",[166,930,931],{"class":194},"main",[166,933,934],{"class":514}," v-if",[166,936,450],{"class":187},[166,938,547],{"class":187},[166,940,756],{"class":206},[166,942,547],{"class":187},[166,944,518],{"class":187},[166,946,948,951,954,957,959,961,964,966,968,971,973,975],{"class":168,"line":947},26,[166,949,950],{"class":187}," \u003C",[166,952,953],{"class":194},"h1",[166,955,956],{"class":514}," v-bind",[166,958,450],{"class":187},[166,960,547],{"class":187},[166,962,963],{"class":206},"page.cslp && page.cslp.title",[166,965,547],{"class":187},[166,967,588],{"class":187},[166,969,970],{"class":183},"{{ page.title }}",[166,972,903],{"class":187},[166,974,953],{"class":194},[166,976,518],{"class":187},[166,978,980,982,985,987,989,991,994,996,999,1001,1003,1006,1008,1011,1013],{"class":168,"line":979},27,[166,981,950],{"class":187},[166,983,984],{"class":194},"div",[166,986,956],{"class":514},[166,988,450],{"class":187},[166,990,547],{"class":187},[166,992,993],{"class":206},"page.cslp && page.cslp.content",[166,995,547],{"class":187},[166,997,998],{"class":514}," v-html",[166,1000,450],{"class":187},[166,1002,547],{"class":187},[166,1004,1005],{"class":206},"page.content",[166,1007,547],{"class":187},[166,1009,1010],{"class":187},">\u003C\u002F",[166,1012,984],{"class":194},[166,1014,518],{"class":187},[166,1016,1018],{"class":168,"line":1017},28,[166,1019,316],{"class":183},[166,1021,1023],{"class":168,"line":1022},29,[166,1024,1025],{"class":242}," \u003C!-- Components with live preview support -->\n",[166,1027,1029,1031,1034],{"class":168,"line":1028},30,[166,1030,950],{"class":187},[166,1032,1033],{"class":194},"component",[166,1035,1036],{"class":187}," \n",[166,1038,1040,1043,1045,1047,1050,1052],{"class":168,"line":1039},31,[166,1041,1042],{"class":514}," v-for",[166,1044,450],{"class":187},[166,1046,547],{"class":187},[166,1048,1049],{"class":206},"comp in page.components",[166,1051,547],{"class":187},[166,1053,1036],{"class":187},[166,1055,1057,1060,1062,1064,1067],{"class":168,"line":1056},32,[166,1058,1059],{"class":514}," :key",[166,1061,450],{"class":187},[166,1063,547],{"class":187},[166,1065,1066],{"class":206},"comp.uid",[166,1068,1069],{"class":187},"\"\n",[166,1071,1073,1076,1078,1080,1083],{"class":168,"line":1072},33,[166,1074,1075],{"class":514}," :is",[166,1077,450],{"class":187},[166,1079,547],{"class":187},[166,1081,1082],{"class":206},"comp._content_type_uid",[166,1084,1069],{"class":187},[166,1086,1088,1091,1093,1095,1098],{"class":168,"line":1087},34,[166,1089,1090],{"class":514}," v-bind",[166,1092,450],{"class":187},[166,1094,547],{"class":187},[166,1096,1097],{"class":206},"comp",[166,1099,1069],{"class":187},[166,1101,1103],{"class":168,"line":1102},35,[166,1104,1105],{"class":187}," \u002F>\n",[166,1107,1109,1112,1114],{"class":168,"line":1108},36,[166,1110,1111],{"class":187}," \u003C\u002F",[166,1113,931],{"class":194},[166,1115,518],{"class":187},[166,1117,1119,1121,1123],{"class":168,"line":1118},37,[166,1120,903],{"class":187},[166,1122,920],{"class":194},[166,1124,518],{"class":187},[80,1126,1128,1131,1132,1135,1136,1139],{"icon":1127},"i-lucide-info",[85,1129,1130],{},"CSLP Attributes",": The ",[152,1133,1134],{},"v-bind=\"page.cslp && page.cslp.fieldName\""," pattern adds ",[152,1137,1138],{},"data-cslp"," attributes that enable in-place editing in Contentstack's Visual Builder.",[98,1141,1143],{"id":1142},"configuration-options","Configuration Options",[144,1145,1147],{"id":1146},"basic-configuration","Basic Configuration",[157,1149,1151],{"className":159,"code":1150,"language":161,"meta":162,"style":162},"livePreview: {\n enable: true, \u002F\u002F Enable\u002Fdisable live preview\n previewToken: 'your_token', \u002F\u002F Required preview token\n editableTags: true, \u002F\u002F Show editable content indicators\n editButton: true, \u002F\u002F Show edit button\n mode: 'builder', \u002F\u002F 'builder' or 'preview'\n ssr: false \u002F\u002F Server-side rendering mode\n}\n",[152,1152,1153,1162,1176,1195,1209,1223,1241,1254],{"__ignoreMap":162},[166,1154,1155,1158,1160],{"class":168,"line":169},[166,1156,1157],{"class":564},"livePreview",[166,1159,155],{"class":187},[166,1161,236],{"class":187},[166,1163,1164,1167,1169,1171,1173],{"class":168,"line":191},[166,1165,1166],{"class":564}," enable",[166,1168,155],{"class":187},[166,1170,344],{"class":343},[166,1172,307],{"class":187},[166,1174,1175],{"class":242}," \u002F\u002F Enable\u002Fdisable live preview\n",[166,1177,1178,1181,1183,1185,1188,1190,1192],{"class":168,"line":218},[166,1179,1180],{"class":564}," previewToken",[166,1182,155],{"class":187},[166,1184,299],{"class":187},[166,1186,1187],{"class":206},"your_token",[166,1189,203],{"class":187},[166,1191,307],{"class":187},[166,1193,1194],{"class":242}," \u002F\u002F Required preview token\n",[166,1196,1197,1200,1202,1204,1206],{"class":168,"line":224},[166,1198,1199],{"class":564}," editableTags",[166,1201,155],{"class":187},[166,1203,344],{"class":343},[166,1205,307],{"class":187},[166,1207,1208],{"class":242}," \u002F\u002F Show editable content indicators\n",[166,1210,1211,1214,1216,1218,1220],{"class":168,"line":239},[166,1212,1213],{"class":564}," editButton",[166,1215,155],{"class":187},[166,1217,344],{"class":343},[166,1219,307],{"class":187},[166,1221,1222],{"class":242}," \u002F\u002F Show edit button\n",[166,1224,1225,1228,1230,1232,1234,1236,1238],{"class":168,"line":246},[166,1226,1227],{"class":564}," mode",[166,1229,155],{"class":187},[166,1231,299],{"class":187},[166,1233,404],{"class":206},[166,1235,203],{"class":187},[166,1237,307],{"class":187},[166,1239,1240],{"class":242}," \u002F\u002F 'builder' or 'preview'\n",[166,1242,1243,1246,1248,1251],{"class":168,"line":270},[166,1244,1245],{"class":564}," ssr",[166,1247,155],{"class":187},[166,1249,1250],{"class":343}," false",[166,1252,1253],{"class":242}," \u002F\u002F Server-side rendering mode\n",[166,1255,1256],{"class":168,"line":291},[166,1257,897],{"class":187},[144,1259,1261],{"id":1260},"advanced-edit-button-configuration","Advanced Edit Button Configuration",[76,1263,1264],{},"Customize the edit button appearance and behavior:",[157,1266,1268],{"className":159,"code":1267,"language":161,"meta":162,"style":162},"livePreview: {\n enable: true,\n previewToken: 'your_token',\n editButton: {\n enable: true,\n position: 'top-right', \u002F\u002F Button position\n exclude: [ \u002F\u002F Where to hide the button\n 'insideLivePreviewPortal',\n 'outsideLivePreviewPortal'\n ],\n includeByQueryParameter: false \u002F\u002F Show only with ?edit=true\n }\n}\n",[152,1269,1270,1278,1288,1302,1310,1321,1340,1353,1365,1374,1381,1393,1397],{"__ignoreMap":162},[166,1271,1272,1274,1276],{"class":168,"line":169},[166,1273,1157],{"class":564},[166,1275,155],{"class":187},[166,1277,236],{"class":187},[166,1279,1280,1282,1284,1286],{"class":168,"line":191},[166,1281,1166],{"class":564},[166,1283,155],{"class":187},[166,1285,344],{"class":343},[166,1287,215],{"class":187},[166,1289,1290,1292,1294,1296,1298,1300],{"class":168,"line":218},[166,1291,1180],{"class":564},[166,1293,155],{"class":187},[166,1295,299],{"class":187},[166,1297,1187],{"class":206},[166,1299,203],{"class":187},[166,1301,215],{"class":187},[166,1303,1304,1306,1308],{"class":168,"line":224},[166,1305,1213],{"class":564},[166,1307,155],{"class":187},[166,1309,236],{"class":187},[166,1311,1312,1315,1317,1319],{"class":168,"line":239},[166,1313,1314],{"class":564}," enable",[166,1316,155],{"class":187},[166,1318,344],{"class":343},[166,1320,215],{"class":187},[166,1322,1323,1326,1328,1330,1333,1335,1337],{"class":168,"line":246},[166,1324,1325],{"class":564}," position",[166,1327,155],{"class":187},[166,1329,299],{"class":187},[166,1331,1332],{"class":206},"top-right",[166,1334,203],{"class":187},[166,1336,307],{"class":187},[166,1338,1339],{"class":242}," \u002F\u002F Button position\n",[166,1341,1342,1345,1347,1350],{"class":168,"line":270},[166,1343,1344],{"class":564}," exclude",[166,1346,155],{"class":187},[166,1348,1349],{"class":194}," [ ",[166,1351,1352],{"class":242},"\u002F\u002F Where to hide the button\n",[166,1354,1355,1358,1361,1363],{"class":168,"line":291},[166,1356,1357],{"class":187}," '",[166,1359,1360],{"class":206},"insideLivePreviewPortal",[166,1362,203],{"class":187},[166,1364,215],{"class":187},[166,1366,1367,1369,1372],{"class":168,"line":313},[166,1368,1357],{"class":187},[166,1370,1371],{"class":206},"outsideLivePreviewPortal",[166,1373,407],{"class":187},[166,1375,1376,1379],{"class":168,"line":319},[166,1377,1378],{"class":194}," ]",[166,1380,215],{"class":187},[166,1382,1383,1386,1388,1390],{"class":168,"line":325},[166,1384,1385],{"class":564}," includeByQueryParameter",[166,1387,155],{"class":187},[166,1389,1250],{"class":343},[166,1391,1392],{"class":242}," \u002F\u002F Show only with ?edit=true\n",[166,1394,1395],{"class":168,"line":335},[166,1396,419],{"class":187},[166,1398,1399],{"class":168,"line":349},[166,1400,897],{"class":187},[144,1402,1404],{"id":1403},"edit-button-positions","Edit Button Positions",[1406,1407,1408,1421],"table",{},[1409,1410,1411],"thead",{},[1412,1413,1414,1418],"tr",{},[1415,1416,1417],"th",{},"Position",[1415,1419,1420],{},"Description",[1422,1423,1424,1435,1445,1455,1465,1475,1484,1493,1503,1513],"tbody",{},[1412,1425,1426,1432],{},[1427,1428,1429],"td",{},[152,1430,1431],{},"top",[1427,1433,1434],{},"Top center",[1412,1436,1437,1442],{},[1427,1438,1439],{},[152,1440,1441],{},"bottom",[1427,1443,1444],{},"Bottom center",[1412,1446,1447,1452],{},[1427,1448,1449],{},[152,1450,1451],{},"left",[1427,1453,1454],{},"Left center",[1412,1456,1457,1462],{},[1427,1458,1459],{},[152,1460,1461],{},"right",[1427,1463,1464],{},"Right center",[1412,1466,1467,1472],{},[1427,1468,1469],{},[152,1470,1471],{},"top-left",[1427,1473,1474],{},"Top left corner",[1412,1476,1477,1481],{},[1427,1478,1479],{},[152,1480,1332],{},[1427,1482,1483],{},"Top right corner",[1412,1485,1486,1491],{},[1427,1487,1488],{},[152,1489,1490],{},"top-center",[1427,1492,1434],{},[1412,1494,1495,1500],{},[1427,1496,1497],{},[152,1498,1499],{},"bottom-left",[1427,1501,1502],{},"Bottom left corner",[1412,1504,1505,1510],{},[1427,1506,1507],{},[152,1508,1509],{},"bottom-right",[1427,1511,1512],{},"Bottom right corner",[1412,1514,1515,1520],{},[1427,1516,1517],{},[152,1518,1519],{},"bottom-center",[1427,1521,1444],{},[98,1523,1525],{"id":1524},"live-preview-modes","Live Preview Modes",[144,1527,1529],{"id":1528},"builder-mode","Builder Mode",[76,1531,1532],{},"Builder mode provides the full visual editing experience:",[157,1534,1536],{"className":159,"code":1535,"language":161,"meta":162,"style":162},"livePreview: {\n mode: 'builder' \u002F\u002F Full editing capabilities\n}\n",[152,1537,1538,1546,1561],{"__ignoreMap":162},[166,1539,1540,1542,1544],{"class":168,"line":169},[166,1541,1157],{"class":564},[166,1543,155],{"class":187},[166,1545,236],{"class":187},[166,1547,1548,1550,1552,1554,1556,1558],{"class":168,"line":191},[166,1549,1227],{"class":564},[166,1551,155],{"class":187},[166,1553,299],{"class":187},[166,1555,404],{"class":206},[166,1557,203],{"class":187},[166,1559,1560],{"class":242}," \u002F\u002F Full editing capabilities\n",[166,1562,1563],{"class":168,"line":218},[166,1564,897],{"class":187},[76,1566,1567],{},[85,1568,1569],{},"Features:",[106,1571,1572,1575,1578,1581],{},[109,1573,1574],{},"Visual content editing",[109,1576,1577],{},"Drag-and-drop components",[109,1579,1580],{},"Real-time preview",[109,1582,1583],{},"Component property editing",[144,1585,1587],{"id":1586},"preview-mode","Preview Mode",[76,1589,1590],{},"Preview mode shows content updates without editing interface:",[157,1592,1594],{"className":159,"code":1593,"language":161,"meta":162,"style":162},"livePreview: {\n mode: 'preview' \u002F\u002F Preview only, no editing UI\n}\n",[152,1595,1596,1604,1619],{"__ignoreMap":162},[166,1597,1598,1600,1602],{"class":168,"line":169},[166,1599,1157],{"class":564},[166,1601,155],{"class":187},[166,1603,236],{"class":187},[166,1605,1606,1608,1610,1612,1614,1616],{"class":168,"line":191},[166,1607,1227],{"class":564},[166,1609,155],{"class":187},[166,1611,299],{"class":187},[166,1613,302],{"class":206},[166,1615,203],{"class":187},[166,1617,1618],{"class":242}," \u002F\u002F Preview only, no editing UI\n",[166,1620,1621],{"class":168,"line":218},[166,1622,897],{"class":187},[76,1624,1625],{},[85,1626,1569],{},[106,1628,1629,1632,1635,1638],{},[109,1630,1631],{},"Real-time content updates",[109,1633,1634],{},"No editing interface",[109,1636,1637],{},"Clean preview experience",[109,1639,1640],{},"Content validation",[98,1642,1644],{"id":1643},"working-with-components","Working with Components",[144,1646,1648],{"id":1647},"basic-component-setup","Basic Component Setup",[76,1650,1651],{},"Create components that work seamlessly with Live Preview by adding CSLP attributes:",[157,1653,1656],{"className":498,"code":1654,"filename":1655,"language":501,"meta":162,"style":162},"\u003Cscript setup>\n\u002F\u002F Define props with CSLP support\ninterface Props {\n title: string\n subtitle?: string\n background_image?: {\n url: string\n title: string\n cslp?: {\n url?: any\n title?: any\n }\n }\n cta_button?: {\n text: string\n url: string\n cslp?: {\n text?: any\n url?: any\n }\n }\n cslp?: {\n title?: any\n subtitle?: any\n }\n}\n\nconst props = defineProps\u003CProps>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Csection class=\"hero\">\n \u003Cdiv \n v-if=\"background_image\" \n class=\"hero-background\"\n :style=\"{ backgroundImage: `url(${background_image.url})` }\"\n v-bind=\"background_image.cslp && background_image.cslp.url\"\n >\n \u003Cdiv class=\"hero-content\">\n \u003Ch1 v-bind=\"props.cslp && props.cslp.title\">{{ title }}\u003C\u002Fh1>\n \u003Cp v-if=\"subtitle\" v-bind=\"props.cslp && props.cslp.subtitle\">{{ subtitle }}\u003C\u002Fp>\n \n \u003CNuxtLink \n v-if=\"cta_button\" \n :to=\"cta_button.url\"\n class=\"cta-button\"\n v-bind=\"cta_button.cslp && (cta_button.cslp.text || cta_button.cslp.url)\"\n >\n {{ cta_button.text }}\n \u003C\u002FNuxtLink>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\u003C\u002Ftemplate>\n","components\u002Fcontent\u002FHero.vue",[152,1657,1658,1668,1673,1683,1693,1702,1711,1720,1729,1738,1748,1757,1761,1765,1774,1783,1791,1799,1808,1816,1820,1824,1832,1840,1849,1853,1857,1861,1882,1890,1894,1902,1923,1931,1947,1961,1975,1988,1994,2015,2045,2085,2091,2101,2118,2133,2148,2163,2169,2175,2185,2195,2205,2214],{"__ignoreMap":162},[166,1659,1660,1662,1664,1666],{"class":168,"line":169},[166,1661,508],{"class":187},[166,1663,511],{"class":194},[166,1665,515],{"class":514},[166,1667,518],{"class":187},[166,1669,1670],{"class":168,"line":191},[166,1671,1672],{"class":242},"\u002F\u002F Define props with CSLP support\n",[166,1674,1675,1678,1681],{"class":168,"line":218},[166,1676,1677],{"class":514},"interface",[166,1679,1680],{"class":564}," Props",[166,1682,236],{"class":187},[166,1684,1685,1688,1690],{"class":168,"line":224},[166,1686,1687],{"class":194}," title",[166,1689,155],{"class":187},[166,1691,1692],{"class":564}," string\n",[166,1694,1695,1698,1700],{"class":168,"line":239},[166,1696,1697],{"class":194}," subtitle",[166,1699,601],{"class":187},[166,1701,1692],{"class":564},[166,1703,1704,1707,1709],{"class":168,"line":246},[166,1705,1706],{"class":194}," background_image",[166,1708,601],{"class":187},[166,1710,236],{"class":187},[166,1712,1713,1716,1718],{"class":168,"line":270},[166,1714,1715],{"class":194}," url",[166,1717,155],{"class":187},[166,1719,1692],{"class":564},[166,1721,1722,1725,1727],{"class":168,"line":291},[166,1723,1724],{"class":194}," title",[166,1726,155],{"class":187},[166,1728,1692],{"class":564},[166,1730,1731,1734,1736],{"class":168,"line":313},[166,1732,1733],{"class":194}," cslp",[166,1735,601],{"class":187},[166,1737,236],{"class":187},[166,1739,1740,1743,1745],{"class":168,"line":319},[166,1741,1742],{"class":194}," url",[166,1744,601],{"class":187},[166,1746,1747],{"class":564}," any\n",[166,1749,1750,1753,1755],{"class":168,"line":325},[166,1751,1752],{"class":194}," title",[166,1754,601],{"class":187},[166,1756,1747],{"class":564},[166,1758,1759],{"class":168,"line":335},[166,1760,413],{"class":187},[166,1762,1763],{"class":168,"line":349},[166,1764,419],{"class":187},[166,1766,1767,1770,1772],{"class":168,"line":370},[166,1768,1769],{"class":194}," cta_button",[166,1771,601],{"class":187},[166,1773,236],{"class":187},[166,1775,1776,1779,1781],{"class":168,"line":382},[166,1777,1778],{"class":194}," text",[166,1780,155],{"class":187},[166,1782,1692],{"class":564},[166,1784,1785,1787,1789],{"class":168,"line":394},[166,1786,1715],{"class":194},[166,1788,155],{"class":187},[166,1790,1692],{"class":564},[166,1792,1793,1795,1797],{"class":168,"line":410},[166,1794,1733],{"class":194},[166,1796,601],{"class":187},[166,1798,236],{"class":187},[166,1800,1801,1804,1806],{"class":168,"line":416},[166,1802,1803],{"class":194}," text",[166,1805,601],{"class":187},[166,1807,1747],{"class":564},[166,1809,1810,1812,1814],{"class":168,"line":422},[166,1811,1742],{"class":194},[166,1813,601],{"class":187},[166,1815,1747],{"class":564},[166,1817,1818],{"class":168,"line":853},[166,1819,413],{"class":187},[166,1821,1822],{"class":168,"line":894},[166,1823,419],{"class":187},[166,1825,1826,1828,1830],{"class":168,"line":900},[166,1827,598],{"class":194},[166,1829,601],{"class":187},[166,1831,236],{"class":187},[166,1833,1834,1836,1838],{"class":168,"line":910},[166,1835,1724],{"class":194},[166,1837,601],{"class":187},[166,1839,1747],{"class":564},[166,1841,1842,1845,1847],{"class":168,"line":915},[166,1843,1844],{"class":194}," subtitle",[166,1846,601],{"class":187},[166,1848,1747],{"class":564},[166,1850,1851],{"class":168,"line":925},[166,1852,419],{"class":187},[166,1854,1855],{"class":168,"line":947},[166,1856,897],{"class":187},[166,1858,1859],{"class":168,"line":979},[166,1860,556],{"emptyLinePlaceholder":555},[166,1862,1863,1865,1868,1870,1873,1875,1878,1880],{"class":168,"line":1017},[166,1864,630],{"class":514},[166,1866,1867],{"class":183}," props ",[166,1869,450],{"class":187},[166,1871,1872],{"class":179}," defineProps",[166,1874,508],{"class":187},[166,1876,1877],{"class":564},"Props",[166,1879,588],{"class":187},[166,1881,641],{"class":183},[166,1883,1884,1886,1888],{"class":168,"line":1022},[166,1885,903],{"class":187},[166,1887,511],{"class":194},[166,1889,518],{"class":187},[166,1891,1892],{"class":168,"line":1028},[166,1893,556],{"emptyLinePlaceholder":555},[166,1895,1896,1898,1900],{"class":168,"line":1039},[166,1897,508],{"class":187},[166,1899,920],{"class":194},[166,1901,518],{"class":187},[166,1903,1904,1906,1909,1912,1914,1916,1919,1921],{"class":168,"line":1056},[166,1905,928],{"class":187},[166,1907,1908],{"class":194},"section",[166,1910,1911],{"class":514}," class",[166,1913,450],{"class":187},[166,1915,547],{"class":187},[166,1917,1918],{"class":206},"hero",[166,1920,547],{"class":187},[166,1922,518],{"class":187},[166,1924,1925,1927,1929],{"class":168,"line":1072},[166,1926,950],{"class":187},[166,1928,984],{"class":194},[166,1930,1036],{"class":187},[166,1932,1933,1936,1938,1940,1943,1945],{"class":168,"line":1087},[166,1934,1935],{"class":514}," v-if",[166,1937,450],{"class":187},[166,1939,547],{"class":187},[166,1941,1942],{"class":206},"background_image",[166,1944,547],{"class":187},[166,1946,1036],{"class":187},[166,1948,1949,1952,1954,1956,1959],{"class":168,"line":1102},[166,1950,1951],{"class":514}," class",[166,1953,450],{"class":187},[166,1955,547],{"class":187},[166,1957,1958],{"class":206},"hero-background",[166,1960,1069],{"class":187},[166,1962,1963,1966,1968,1970,1973],{"class":168,"line":1108},[166,1964,1965],{"class":514}," :style",[166,1967,450],{"class":187},[166,1969,547],{"class":187},[166,1971,1972],{"class":206},"{ backgroundImage: `url(${background_image.url})` }",[166,1974,1069],{"class":187},[166,1976,1977,1979,1981,1983,1986],{"class":168,"line":1118},[166,1978,1090],{"class":514},[166,1980,450],{"class":187},[166,1982,547],{"class":187},[166,1984,1985],{"class":206},"background_image.cslp && background_image.cslp.url",[166,1987,1069],{"class":187},[166,1989,1991],{"class":168,"line":1990},38,[166,1992,1993],{"class":187}," >\n",[166,1995,1997,2000,2002,2004,2006,2008,2011,2013],{"class":168,"line":1996},39,[166,1998,1999],{"class":187}," \u003C",[166,2001,984],{"class":194},[166,2003,1911],{"class":514},[166,2005,450],{"class":187},[166,2007,547],{"class":187},[166,2009,2010],{"class":206},"hero-content",[166,2012,547],{"class":187},[166,2014,518],{"class":187},[166,2016,2018,2021,2023,2025,2027,2029,2032,2034,2036,2039,2041,2043],{"class":168,"line":2017},40,[166,2019,2020],{"class":187}," \u003C",[166,2022,953],{"class":194},[166,2024,956],{"class":514},[166,2026,450],{"class":187},[166,2028,547],{"class":187},[166,2030,2031],{"class":206},"props.cslp && props.cslp.title",[166,2033,547],{"class":187},[166,2035,588],{"class":187},[166,2037,2038],{"class":183},"{{ title }}",[166,2040,903],{"class":187},[166,2042,953],{"class":194},[166,2044,518],{"class":187},[166,2046,2048,2050,2052,2054,2056,2058,2061,2063,2065,2067,2069,2072,2074,2076,2079,2081,2083],{"class":168,"line":2047},41,[166,2049,2020],{"class":187},[166,2051,76],{"class":194},[166,2053,934],{"class":514},[166,2055,450],{"class":187},[166,2057,547],{"class":187},[166,2059,2060],{"class":206},"subtitle",[166,2062,547],{"class":187},[166,2064,956],{"class":514},[166,2066,450],{"class":187},[166,2068,547],{"class":187},[166,2070,2071],{"class":206},"props.cslp && props.cslp.subtitle",[166,2073,547],{"class":187},[166,2075,588],{"class":187},[166,2077,2078],{"class":183},"{{ subtitle }}",[166,2080,903],{"class":187},[166,2082,76],{"class":194},[166,2084,518],{"class":187},[166,2086,2088],{"class":168,"line":2087},42,[166,2089,2090],{"class":183}," \n",[166,2092,2094,2096,2099],{"class":168,"line":2093},43,[166,2095,2020],{"class":187},[166,2097,2098],{"class":194},"NuxtLink",[166,2100,1036],{"class":187},[166,2102,2104,2107,2109,2111,2114,2116],{"class":168,"line":2103},44,[166,2105,2106],{"class":514}," v-if",[166,2108,450],{"class":187},[166,2110,547],{"class":187},[166,2112,2113],{"class":206},"cta_button",[166,2115,547],{"class":187},[166,2117,1036],{"class":187},[166,2119,2121,2124,2126,2128,2131],{"class":168,"line":2120},45,[166,2122,2123],{"class":514}," :to",[166,2125,450],{"class":187},[166,2127,547],{"class":187},[166,2129,2130],{"class":206},"cta_button.url",[166,2132,1069],{"class":187},[166,2134,2136,2139,2141,2143,2146],{"class":168,"line":2135},46,[166,2137,2138],{"class":514}," class",[166,2140,450],{"class":187},[166,2142,547],{"class":187},[166,2144,2145],{"class":206},"cta-button",[166,2147,1069],{"class":187},[166,2149,2151,2154,2156,2158,2161],{"class":168,"line":2150},47,[166,2152,2153],{"class":514}," v-bind",[166,2155,450],{"class":187},[166,2157,547],{"class":187},[166,2159,2160],{"class":206},"cta_button.cslp && (cta_button.cslp.text || cta_button.cslp.url)",[166,2162,1069],{"class":187},[166,2164,2166],{"class":168,"line":2165},48,[166,2167,2168],{"class":187}," >\n",[166,2170,2172],{"class":168,"line":2171},49,[166,2173,2174],{"class":183}," {{ cta_button.text }}\n",[166,2176,2178,2181,2183],{"class":168,"line":2177},50,[166,2179,2180],{"class":187}," \u003C\u002F",[166,2182,2098],{"class":194},[166,2184,518],{"class":187},[166,2186,2188,2191,2193],{"class":168,"line":2187},51,[166,2189,2190],{"class":187}," \u003C\u002F",[166,2192,984],{"class":194},[166,2194,518],{"class":187},[166,2196,2198,2201,2203],{"class":168,"line":2197},52,[166,2199,2200],{"class":187}," \u003C\u002F",[166,2202,984],{"class":194},[166,2204,518],{"class":187},[166,2206,2208,2210,2212],{"class":168,"line":2207},53,[166,2209,1111],{"class":187},[166,2211,1908],{"class":194},[166,2213,518],{"class":187},[166,2215,2217,2219,2221],{"class":168,"line":2216},54,[166,2218,903],{"class":187},[166,2220,920],{"class":194},[166,2222,518],{"class":187},[144,2224,2226],{"id":2225},"modular-block-components","Modular Block Components",[76,2228,2229],{},"For modular content blocks, create a component mapper:",[157,2231,2234],{"className":498,"code":2232,"filename":2233,"language":501,"meta":162,"style":162},"\u003Cscript setup>\ndefineProps\u003C{\n blocks: Array\u003C{\n _content_type_uid: string\n uid: string\n [key: string]: any\n }>\n}>()\n\n\u002F\u002F Map content type UIDs to component names\nconst componentMap = {\n 'hero_block': 'Hero',\n 'text_block': 'TextBlock',\n 'image_gallery': 'ImageGallery',\n 'cta_block': 'CtaBlock'\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv class=\"content-blocks\">\n \u003Ccomponent\n v-for=\"block in blocks\"\n :key=\"block.uid\"\n :is=\"componentMap[block._content_type_uid] || 'UnknownBlock'\"\n v-bind=\"block\"\n \u002F>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","components\u002FContentBlocks.vue",[152,2235,2236,2246,2254,2266,2275,2284,2293,2298,2305,2309,2314,2325,2345,2365,2385,2403,2407,2415,2419,2427,2446,2453,2466,2479,2492,2505,2509,2517],{"__ignoreMap":162},[166,2237,2238,2240,2242,2244],{"class":168,"line":169},[166,2239,508],{"class":187},[166,2241,511],{"class":194},[166,2243,515],{"class":514},[166,2245,518],{"class":187},[166,2247,2248,2251],{"class":168,"line":191},[166,2249,2250],{"class":179},"defineProps",[166,2252,2253],{"class":187},"\u003C{\n",[166,2255,2256,2259,2261,2264],{"class":168,"line":218},[166,2257,2258],{"class":194}," blocks",[166,2260,155],{"class":187},[166,2262,2263],{"class":564}," Array",[166,2265,2253],{"class":187},[166,2267,2268,2271,2273],{"class":168,"line":224},[166,2269,2270],{"class":194}," _content_type_uid",[166,2272,155],{"class":187},[166,2274,1692],{"class":564},[166,2276,2277,2280,2282],{"class":168,"line":239},[166,2278,2279],{"class":194}," uid",[166,2281,155],{"class":187},[166,2283,1692],{"class":564},[166,2285,2286,2289,2291],{"class":168,"line":246},[166,2287,2288],{"class":183}," [key: string]",[166,2290,155],{"class":187},[166,2292,1747],{"class":564},[166,2294,2295],{"class":168,"line":270},[166,2296,2297],{"class":187}," }>\n",[166,2299,2300,2303],{"class":168,"line":291},[166,2301,2302],{"class":187},"}>",[166,2304,641],{"class":183},[166,2306,2307],{"class":168,"line":313},[166,2308,556],{"emptyLinePlaceholder":555},[166,2310,2311],{"class":168,"line":319},[166,2312,2313],{"class":242},"\u002F\u002F Map content type UIDs to component names\n",[166,2315,2316,2318,2321,2323],{"class":168,"line":325},[166,2317,630],{"class":514},[166,2319,2320],{"class":183}," componentMap ",[166,2322,450],{"class":187},[166,2324,236],{"class":187},[166,2326,2327,2329,2332,2334,2336,2338,2341,2343],{"class":168,"line":335},[166,2328,227],{"class":187},[166,2330,2331],{"class":194},"hero_block",[166,2333,203],{"class":187},[166,2335,155],{"class":187},[166,2337,299],{"class":187},[166,2339,2340],{"class":206},"Hero",[166,2342,203],{"class":187},[166,2344,215],{"class":187},[166,2346,2347,2349,2352,2354,2356,2358,2361,2363],{"class":168,"line":349},[166,2348,227],{"class":187},[166,2350,2351],{"class":194},"text_block",[166,2353,203],{"class":187},[166,2355,155],{"class":187},[166,2357,299],{"class":187},[166,2359,2360],{"class":206},"TextBlock",[166,2362,203],{"class":187},[166,2364,215],{"class":187},[166,2366,2367,2369,2372,2374,2376,2378,2381,2383],{"class":168,"line":370},[166,2368,227],{"class":187},[166,2370,2371],{"class":194},"image_gallery",[166,2373,203],{"class":187},[166,2375,155],{"class":187},[166,2377,299],{"class":187},[166,2379,2380],{"class":206},"ImageGallery",[166,2382,203],{"class":187},[166,2384,215],{"class":187},[166,2386,2387,2389,2392,2394,2396,2398,2401],{"class":168,"line":382},[166,2388,227],{"class":187},[166,2390,2391],{"class":194},"cta_block",[166,2393,203],{"class":187},[166,2395,155],{"class":187},[166,2397,299],{"class":187},[166,2399,2400],{"class":206},"CtaBlock",[166,2402,407],{"class":187},[166,2404,2405],{"class":168,"line":394},[166,2406,897],{"class":187},[166,2408,2409,2411,2413],{"class":168,"line":410},[166,2410,903],{"class":187},[166,2412,511],{"class":194},[166,2414,518],{"class":187},[166,2416,2417],{"class":168,"line":416},[166,2418,556],{"emptyLinePlaceholder":555},[166,2420,2421,2423,2425],{"class":168,"line":422},[166,2422,508],{"class":187},[166,2424,920],{"class":194},[166,2426,518],{"class":187},[166,2428,2429,2431,2433,2435,2437,2439,2442,2444],{"class":168,"line":853},[166,2430,928],{"class":187},[166,2432,984],{"class":194},[166,2434,1911],{"class":514},[166,2436,450],{"class":187},[166,2438,547],{"class":187},[166,2440,2441],{"class":206},"content-blocks",[166,2443,547],{"class":187},[166,2445,518],{"class":187},[166,2447,2448,2450],{"class":168,"line":894},[166,2449,950],{"class":187},[166,2451,2452],{"class":194},"component\n",[166,2454,2455,2457,2459,2461,2464],{"class":168,"line":900},[166,2456,1042],{"class":514},[166,2458,450],{"class":187},[166,2460,547],{"class":187},[166,2462,2463],{"class":206},"block in blocks",[166,2465,1069],{"class":187},[166,2467,2468,2470,2472,2474,2477],{"class":168,"line":910},[166,2469,1059],{"class":514},[166,2471,450],{"class":187},[166,2473,547],{"class":187},[166,2475,2476],{"class":206},"block.uid",[166,2478,1069],{"class":187},[166,2480,2481,2483,2485,2487,2490],{"class":168,"line":915},[166,2482,1075],{"class":514},[166,2484,450],{"class":187},[166,2486,547],{"class":187},[166,2488,2489],{"class":206},"componentMap[block._content_type_uid] || 'UnknownBlock'",[166,2491,1069],{"class":187},[166,2493,2494,2496,2498,2500,2503],{"class":168,"line":925},[166,2495,1090],{"class":514},[166,2497,450],{"class":187},[166,2499,547],{"class":187},[166,2501,2502],{"class":206},"block",[166,2504,1069],{"class":187},[166,2506,2507],{"class":168,"line":947},[166,2508,1105],{"class":187},[166,2510,2511,2513,2515],{"class":168,"line":979},[166,2512,1111],{"class":187},[166,2514,984],{"class":194},[166,2516,518],{"class":187},[166,2518,2519,2521,2523],{"class":168,"line":1017},[166,2520,903],{"class":187},[166,2522,920],{"class":194},[166,2524,518],{"class":187},[144,2526,2528],{"id":2527},"rich-text-with-live-preview","Rich Text with Live Preview",[76,2530,2531],{},"Handle rich text content with live preview support. CSLP attributes are automatically added to HTML content:",[157,2533,2536],{"className":498,"code":2534,"filename":2535,"language":501,"meta":162,"style":162},"\u003Cscript setup>\ninterface Props {\n content: string\n replaceHtmlCslp?: boolean\n cslp?: {\n content?: any\n }\n}\n\nconst props = defineProps\u003CProps>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv \n class=\"rich-text-content\"\n v-bind=\"props.cslp && props.cslp.content\"\n v-html=\"content\"\n \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cstyle>\n\u002F* Ensure live preview styles don't interfere *\u002F\n.rich-text-content {\n \u002F* Your content styles *\u002F\n}\n\n\u002F* CSLP attributes are automatically added to HTML elements inside rich text *\u002F\n.rich-text-content [data-cslp] {\n \u002F* Live preview will handle these for in-place editing *\u002F\n}\n\u003C\u002Fstyle>\n","components\u002FRichTextContent.vue",[152,2537,2538,2548,2556,2565,2575,2583,2592,2596,2600,2604,2622,2630,2634,2642,2650,2664,2678,2691,2696,2704,2708,2717,2722,2730,2735,2739,2743,2748,2762,2767,2771],{"__ignoreMap":162},[166,2539,2540,2542,2544,2546],{"class":168,"line":169},[166,2541,508],{"class":187},[166,2543,511],{"class":194},[166,2545,515],{"class":514},[166,2547,518],{"class":187},[166,2549,2550,2552,2554],{"class":168,"line":191},[166,2551,1677],{"class":514},[166,2553,1680],{"class":564},[166,2555,236],{"class":187},[166,2557,2558,2561,2563],{"class":168,"line":218},[166,2559,2560],{"class":194}," content",[166,2562,155],{"class":187},[166,2564,1692],{"class":564},[166,2566,2567,2570,2572],{"class":168,"line":224},[166,2568,2569],{"class":194}," replaceHtmlCslp",[166,2571,601],{"class":187},[166,2573,2574],{"class":564}," boolean\n",[166,2576,2577,2579,2581],{"class":168,"line":239},[166,2578,598],{"class":194},[166,2580,601],{"class":187},[166,2582,236],{"class":187},[166,2584,2585,2588,2590],{"class":168,"line":246},[166,2586,2587],{"class":194}," content",[166,2589,601],{"class":187},[166,2591,1747],{"class":564},[166,2593,2594],{"class":168,"line":270},[166,2595,419],{"class":187},[166,2597,2598],{"class":168,"line":291},[166,2599,897],{"class":187},[166,2601,2602],{"class":168,"line":313},[166,2603,556],{"emptyLinePlaceholder":555},[166,2605,2606,2608,2610,2612,2614,2616,2618,2620],{"class":168,"line":319},[166,2607,630],{"class":514},[166,2609,1867],{"class":183},[166,2611,450],{"class":187},[166,2613,1872],{"class":179},[166,2615,508],{"class":187},[166,2617,1877],{"class":564},[166,2619,588],{"class":187},[166,2621,641],{"class":183},[166,2623,2624,2626,2628],{"class":168,"line":325},[166,2625,903],{"class":187},[166,2627,511],{"class":194},[166,2629,518],{"class":187},[166,2631,2632],{"class":168,"line":335},[166,2633,556],{"emptyLinePlaceholder":555},[166,2635,2636,2638,2640],{"class":168,"line":349},[166,2637,508],{"class":187},[166,2639,920],{"class":194},[166,2641,518],{"class":187},[166,2643,2644,2646,2648],{"class":168,"line":370},[166,2645,928],{"class":187},[166,2647,984],{"class":194},[166,2649,1036],{"class":187},[166,2651,2652,2655,2657,2659,2662],{"class":168,"line":382},[166,2653,2654],{"class":514}," class",[166,2656,450],{"class":187},[166,2658,547],{"class":187},[166,2660,2661],{"class":206},"rich-text-content",[166,2663,1069],{"class":187},[166,2665,2666,2669,2671,2673,2676],{"class":168,"line":394},[166,2667,2668],{"class":514}," v-bind",[166,2670,450],{"class":187},[166,2672,547],{"class":187},[166,2674,2675],{"class":206},"props.cslp && props.cslp.content",[166,2677,1069],{"class":187},[166,2679,2680,2683,2685,2687,2689],{"class":168,"line":410},[166,2681,2682],{"class":514}," v-html",[166,2684,450],{"class":187},[166,2686,547],{"class":187},[166,2688,815],{"class":206},[166,2690,1069],{"class":187},[166,2692,2693],{"class":168,"line":416},[166,2694,2695],{"class":187}," \u002F>\n",[166,2697,2698,2700,2702],{"class":168,"line":422},[166,2699,903],{"class":187},[166,2701,920],{"class":194},[166,2703,518],{"class":187},[166,2705,2706],{"class":168,"line":853},[166,2707,556],{"emptyLinePlaceholder":555},[166,2709,2710,2712,2715],{"class":168,"line":894},[166,2711,508],{"class":187},[166,2713,2714],{"class":194},"style",[166,2716,518],{"class":187},[166,2718,2719],{"class":168,"line":900},[166,2720,2721],{"class":242},"\u002F* Ensure live preview styles don't interfere *\u002F\n",[166,2723,2724,2726,2728],{"class":168,"line":910},[166,2725,257],{"class":187},[166,2727,2661],{"class":564},[166,2729,236],{"class":187},[166,2731,2732],{"class":168,"line":915},[166,2733,2734],{"class":242}," \u002F* Your content styles *\u002F\n",[166,2736,2737],{"class":168,"line":925},[166,2738,897],{"class":187},[166,2740,2741],{"class":168,"line":947},[166,2742,556],{"emptyLinePlaceholder":555},[166,2744,2745],{"class":168,"line":979},[166,2746,2747],{"class":242},"\u002F* CSLP attributes are automatically added to HTML elements inside rich text *\u002F\n",[166,2749,2750,2752,2754,2756,2758,2760],{"class":168,"line":1017},[166,2751,257],{"class":187},[166,2753,2661],{"class":564},[166,2755,200],{"class":187},[166,2757,1138],{"class":514},[166,2759,212],{"class":187},[166,2761,236],{"class":187},[166,2763,2764],{"class":168,"line":1022},[166,2765,2766],{"class":242}," \u002F* Live preview will handle these for in-place editing *\u002F\n",[166,2768,2769],{"class":168,"line":1028},[166,2770,897],{"class":187},[166,2772,2773,2775,2777],{"class":168,"line":1039},[166,2774,903],{"class":187},[166,2776,2714],{"class":194},[166,2778,518],{"class":187},[98,2780,2782],{"id":2781},"environment-specific-configuration","Environment-Specific Configuration",[144,2784,2786],{"id":2785},"development-setup","Development Setup",[76,2788,2789],{},"Enable live preview only in development:",[157,2791,2793],{"className":159,"code":2792,"filename":154,"language":161,"meta":162,"style":162},"const isDev = process.env.NODE_ENV === 'development'\n\nexport default defineNuxtConfig({\n 'nuxt-contentstack': {\n \u002F\u002F ... core config\n livePreview: {\n enable: isDev,\n previewToken: process.env.NUXT_CONTENTSTACK_PREVIEW_TOKEN,\n editableTags: isDev,\n editButton: isDev\n }\n }\n})\n",[152,2794,2795,2825,2829,2841,2853,2858,2866,2877,2895,2905,2914,2918,2922],{"__ignoreMap":162},[166,2796,2797,2799,2802,2804,2806,2808,2810,2812,2815,2818,2820,2823],{"class":168,"line":169},[166,2798,630],{"class":514},[166,2800,2801],{"class":183}," isDev ",[166,2803,450],{"class":187},[166,2805,254],{"class":183},[166,2807,257],{"class":187},[166,2809,260],{"class":183},[166,2811,257],{"class":187},[166,2813,2814],{"class":183},"NODE_ENV ",[166,2816,2817],{"class":187},"===",[166,2819,299],{"class":187},[166,2821,2822],{"class":206},"development",[166,2824,407],{"class":187},[166,2826,2827],{"class":168,"line":191},[166,2828,556],{"emptyLinePlaceholder":555},[166,2830,2831,2833,2835,2837,2839],{"class":168,"line":218},[166,2832,173],{"class":172},[166,2834,176],{"class":172},[166,2836,180],{"class":179},[166,2838,184],{"class":183},[166,2840,188],{"class":187},[166,2842,2843,2845,2847,2849,2851],{"class":168,"line":224},[166,2844,227],{"class":187},[166,2846,207],{"class":194},[166,2848,203],{"class":187},[166,2850,155],{"class":187},[166,2852,236],{"class":187},[166,2854,2855],{"class":168,"line":239},[166,2856,2857],{"class":242}," \u002F\u002F ... core config\n",[166,2859,2860,2862,2864],{"class":168,"line":246},[166,2861,328],{"class":194},[166,2863,155],{"class":187},[166,2865,236],{"class":187},[166,2867,2868,2870,2872,2875],{"class":168,"line":270},[166,2869,338],{"class":194},[166,2871,155],{"class":187},[166,2873,2874],{"class":183}," isDev",[166,2876,215],{"class":187},[166,2878,2879,2881,2883,2885,2887,2889,2891,2893],{"class":168,"line":291},[166,2880,352],{"class":194},[166,2882,155],{"class":187},[166,2884,254],{"class":183},[166,2886,257],{"class":187},[166,2888,260],{"class":183},[166,2890,257],{"class":187},[166,2892,365],{"class":183},[166,2894,215],{"class":187},[166,2896,2897,2899,2901,2903],{"class":168,"line":313},[166,2898,373],{"class":194},[166,2900,155],{"class":187},[166,2902,2874],{"class":183},[166,2904,215],{"class":187},[166,2906,2907,2909,2911],{"class":168,"line":319},[166,2908,385],{"class":194},[166,2910,155],{"class":187},[166,2912,2913],{"class":183}," isDev\n",[166,2915,2916],{"class":168,"line":325},[166,2917,413],{"class":187},[166,2919,2920],{"class":168,"line":335},[166,2921,419],{"class":187},[166,2923,2924,2926],{"class":168,"line":349},[166,2925,425],{"class":187},[166,2927,428],{"class":183},[144,2929,2931],{"id":2930},"staging-environment","Staging Environment",[76,2933,2934],{},"Configure live preview for staging environments:",[157,2936,2938],{"className":159,"code":2937,"filename":154,"language":161,"meta":162,"style":162},"const isStaging = process.env.NODE_ENV === 'staging'\nconst enableLivePreview = process.env.ENABLE_LIVE_PREVIEW === 'true'\n\nexport default defineNuxtConfig({\n 'nuxt-contentstack': {\n environment: isStaging ? 'preview' : 'production',\n livePreview: {\n enable: enableLivePreview,\n previewToken: process.env.NUXT_CONTENTSTACK_PREVIEW_TOKEN,\n editButton: {\n enable: enableLivePreview,\n includeByQueryParameter: true \u002F\u002F Show only with ?edit=true\n }\n }\n }\n})\n",[152,2939,2940,2968,2997,3001,3013,3025,3054,3062,3073,3091,3099,3110,3122,3127,3131,3135],{"__ignoreMap":162},[166,2941,2942,2944,2947,2949,2951,2953,2955,2957,2959,2961,2963,2966],{"class":168,"line":169},[166,2943,630],{"class":514},[166,2945,2946],{"class":183}," isStaging ",[166,2948,450],{"class":187},[166,2950,254],{"class":183},[166,2952,257],{"class":187},[166,2954,260],{"class":183},[166,2956,257],{"class":187},[166,2958,2814],{"class":183},[166,2960,2817],{"class":187},[166,2962,299],{"class":187},[166,2964,2965],{"class":206},"staging",[166,2967,407],{"class":187},[166,2969,2970,2972,2975,2977,2979,2981,2983,2985,2988,2990,2992,2995],{"class":168,"line":191},[166,2971,630],{"class":514},[166,2973,2974],{"class":183}," enableLivePreview ",[166,2976,450],{"class":187},[166,2978,254],{"class":183},[166,2980,257],{"class":187},[166,2982,260],{"class":183},[166,2984,257],{"class":187},[166,2986,2987],{"class":183},"ENABLE_LIVE_PREVIEW ",[166,2989,2817],{"class":187},[166,2991,299],{"class":187},[166,2993,2994],{"class":206},"true",[166,2996,407],{"class":187},[166,2998,2999],{"class":168,"line":218},[166,3000,556],{"emptyLinePlaceholder":555},[166,3002,3003,3005,3007,3009,3011],{"class":168,"line":224},[166,3004,173],{"class":172},[166,3006,176],{"class":172},[166,3008,180],{"class":179},[166,3010,184],{"class":183},[166,3012,188],{"class":187},[166,3014,3015,3017,3019,3021,3023],{"class":168,"line":239},[166,3016,227],{"class":187},[166,3018,207],{"class":194},[166,3020,203],{"class":187},[166,3022,155],{"class":187},[166,3024,236],{"class":187},[166,3026,3027,3029,3031,3033,3036,3038,3040,3042,3045,3047,3050,3052],{"class":168,"line":246},[166,3028,294],{"class":194},[166,3030,155],{"class":187},[166,3032,2946],{"class":183},[166,3034,3035],{"class":187},"?",[166,3037,299],{"class":187},[166,3039,302],{"class":206},[166,3041,203],{"class":187},[166,3043,3044],{"class":187}," :",[166,3046,299],{"class":187},[166,3048,3049],{"class":206},"production",[166,3051,203],{"class":187},[166,3053,215],{"class":187},[166,3055,3056,3058,3060],{"class":168,"line":270},[166,3057,328],{"class":194},[166,3059,155],{"class":187},[166,3061,236],{"class":187},[166,3063,3064,3066,3068,3071],{"class":168,"line":291},[166,3065,338],{"class":194},[166,3067,155],{"class":187},[166,3069,3070],{"class":183}," enableLivePreview",[166,3072,215],{"class":187},[166,3074,3075,3077,3079,3081,3083,3085,3087,3089],{"class":168,"line":313},[166,3076,352],{"class":194},[166,3078,155],{"class":187},[166,3080,254],{"class":183},[166,3082,257],{"class":187},[166,3084,260],{"class":183},[166,3086,257],{"class":187},[166,3088,365],{"class":183},[166,3090,215],{"class":187},[166,3092,3093,3095,3097],{"class":168,"line":319},[166,3094,385],{"class":194},[166,3096,155],{"class":187},[166,3098,236],{"class":187},[166,3100,3101,3104,3106,3108],{"class":168,"line":325},[166,3102,3103],{"class":194}," enable",[166,3105,155],{"class":187},[166,3107,3070],{"class":183},[166,3109,215],{"class":187},[166,3111,3112,3115,3117,3119],{"class":168,"line":335},[166,3113,3114],{"class":194}," includeByQueryParameter",[166,3116,155],{"class":187},[166,3118,344],{"class":343},[166,3120,3121],{"class":242}," \u002F\u002F Show only with ?edit=true\n",[166,3123,3124],{"class":168,"line":349},[166,3125,3126],{"class":187}," }\n",[166,3128,3129],{"class":168,"line":370},[166,3130,413],{"class":187},[166,3132,3133],{"class":168,"line":382},[166,3134,419],{"class":187},[166,3136,3137,3139],{"class":168,"line":394},[166,3138,425],{"class":187},[166,3140,428],{"class":183},[98,3142,3144],{"id":3143},"advanced-usage","Advanced Usage",[144,3146,3148],{"id":3147},"manual-live-preview-integration","Manual Live Preview Integration",[76,3150,3151],{},"For advanced use cases, access the Live Preview SDK directly:",[157,3153,3156],{"className":159,"code":3154,"filename":3155,"language":161,"meta":162,"style":162},"export const useLivePreview = () => {\n const { livePreviewEnabled, ContentstackLivePreview } = useContentstack()\n\n const initLivePreview = () => {\n if (import.meta.client && livePreviewEnabled) {\n \u002F\u002F Custom live preview logic\n ContentstackLivePreview.onEntryChange((data) => {\n console.log('Entry changed:', data)\n \u002F\u002F Custom handling\n })\n }\n }\n\n return {\n initLivePreview,\n livePreviewEnabled\n }\n}\n","composables\u002FuseLivePreview.ts",[152,3157,3158,3178,3202,3206,3221,3249,3254,3279,3304,3309,3316,3320,3324,3328,3335,3342,3347,3351],{"__ignoreMap":162},[166,3159,3160,3162,3165,3168,3170,3173,3176],{"class":168,"line":169},[166,3161,173],{"class":172},[166,3163,3164],{"class":514}," const",[166,3166,3167],{"class":183}," useLivePreview ",[166,3169,450],{"class":187},[166,3171,3172],{"class":187}," ()",[166,3174,3175],{"class":514}," =>",[166,3177,236],{"class":187},[166,3179,3180,3183,3185,3188,3190,3193,3195,3197,3200],{"class":168,"line":191},[166,3181,3182],{"class":514}," const",[166,3184,529],{"class":187},[166,3186,3187],{"class":183}," livePreviewEnabled",[166,3189,307],{"class":187},[166,3191,3192],{"class":183}," ContentstackLivePreview",[166,3194,535],{"class":187},[166,3196,568],{"class":187},[166,3198,3199],{"class":179}," useContentstack",[166,3201,641],{"class":194},[166,3203,3204],{"class":168,"line":218},[166,3205,556],{"emptyLinePlaceholder":555},[166,3207,3208,3210,3213,3215,3217,3219],{"class":168,"line":224},[166,3209,3182],{"class":514},[166,3211,3212],{"class":183}," initLivePreview",[166,3214,568],{"class":187},[166,3216,3172],{"class":187},[166,3218,3175],{"class":514},[166,3220,236],{"class":187},[166,3222,3223,3226,3228,3230,3232,3235,3237,3240,3243,3245,3247],{"class":168,"line":239},[166,3224,3225],{"class":172}," if",[166,3227,838],{"class":194},[166,3229,523],{"class":172},[166,3231,257],{"class":187},[166,3233,3234],{"class":183},"meta",[166,3236,257],{"class":187},[166,3238,3239],{"class":183},"client",[166,3241,3242],{"class":187}," &&",[166,3244,3187],{"class":183},[166,3246,689],{"class":194},[166,3248,188],{"class":187},[166,3250,3251],{"class":168,"line":246},[166,3252,3253],{"class":242}," \u002F\u002F Custom live preview logic\n",[166,3255,3256,3259,3261,3264,3266,3268,3272,3275,3277],{"class":168,"line":270},[166,3257,3258],{"class":183}," ContentstackLivePreview",[166,3260,257],{"class":187},[166,3262,3263],{"class":179},"onEntryChange",[166,3265,184],{"class":194},[166,3267,184],{"class":187},[166,3269,3271],{"class":3270},"sHdIc","data",[166,3273,3274],{"class":187},")",[166,3276,3175],{"class":514},[166,3278,236],{"class":187},[166,3280,3281,3284,3286,3289,3291,3293,3296,3298,3300,3302],{"class":168,"line":291},[166,3282,3283],{"class":183}," console",[166,3285,257],{"class":187},[166,3287,3288],{"class":179},"log",[166,3290,184],{"class":194},[166,3292,203],{"class":187},[166,3294,3295],{"class":206},"Entry changed:",[166,3297,203],{"class":187},[166,3299,307],{"class":187},[166,3301,713],{"class":183},[166,3303,428],{"class":194},[166,3305,3306],{"class":168,"line":313},[166,3307,3308],{"class":242}," \u002F\u002F Custom handling\n",[166,3310,3311,3314],{"class":168,"line":319},[166,3312,3313],{"class":187}," }",[166,3315,428],{"class":194},[166,3317,3318],{"class":168,"line":325},[166,3319,413],{"class":187},[166,3321,3322],{"class":168,"line":335},[166,3323,419],{"class":187},[166,3325,3326],{"class":168,"line":349},[166,3327,556],{"emptyLinePlaceholder":555},[166,3329,3330,3333],{"class":168,"line":370},[166,3331,3332],{"class":172}," return",[166,3334,236],{"class":187},[166,3336,3337,3340],{"class":168,"line":382},[166,3338,3339],{"class":183}," initLivePreview",[166,3341,215],{"class":187},[166,3343,3344],{"class":168,"line":394},[166,3345,3346],{"class":183}," livePreviewEnabled\n",[166,3348,3349],{"class":168,"line":410},[166,3350,419],{"class":187},[166,3352,3353],{"class":168,"line":416},[166,3354,897],{"class":187},[144,3356,3358],{"id":3357},"custom-edit-buttons","Custom Edit Buttons",[76,3360,3361],{},"Create custom edit buttons for specific content areas:",[157,3363,3366],{"className":498,"code":3364,"filename":3365,"language":501,"meta":162,"style":162},"\u003Cscript setup>\nconst props = defineProps\u003C{\n entryUid: string\n contentTypeUid: string\n title: string\n}>()\n\nconst { livePreviewEnabled } = useContentstack()\n\nconst editUrl = computed(() => {\n if (!livePreviewEnabled) return null\n \n return `https:\u002F\u002Fapp.contentstack.com\u002F#!\u002Fstack\u002F${stackApiKey}\u002Fcontent-type\u002F${props.contentTypeUid}\u002Fen-us\u002Fentry\u002F${props.entryUid}\u002Fedit`\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv class=\"editable-section\">\n \u003Cdiv class=\"content-header\">\n \u003Ch2>{{ title }}\u003C\u002Fh2>\n \u003Ca \n v-if=\"editUrl\" \n :href=\"editUrl\" \n target=\"_blank\"\n class=\"edit-button\"\n >\n ✏️ Edit\n \u003C\u002Fa>\n \u003C\u002Fdiv>\n \n \u003Cslot \u002F>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","components\u002FEditableSection.vue",[152,3367,3368,3378,3390,3399,3407,3415,3421,3425,3442,3446,3467,3487,3491,3542,3548,3556,3560,3568,3587,3606,3622,3630,3646,3661,3675,3689,3694,3699,3707,3715,3719,3729,3737],{"__ignoreMap":162},[166,3369,3370,3372,3374,3376],{"class":168,"line":169},[166,3371,508],{"class":187},[166,3373,511],{"class":194},[166,3375,515],{"class":514},[166,3377,518],{"class":187},[166,3379,3380,3382,3384,3386,3388],{"class":168,"line":191},[166,3381,630],{"class":514},[166,3383,1867],{"class":183},[166,3385,450],{"class":187},[166,3387,1872],{"class":179},[166,3389,2253],{"class":187},[166,3391,3392,3395,3397],{"class":168,"line":218},[166,3393,3394],{"class":194}," entryUid",[166,3396,155],{"class":187},[166,3398,1692],{"class":564},[166,3400,3401,3403,3405],{"class":168,"line":224},[166,3402,749],{"class":194},[166,3404,155],{"class":187},[166,3406,1692],{"class":564},[166,3408,3409,3411,3413],{"class":168,"line":239},[166,3410,1687],{"class":194},[166,3412,155],{"class":187},[166,3414,1692],{"class":564},[166,3416,3417,3419],{"class":168,"line":246},[166,3418,2302],{"class":187},[166,3420,641],{"class":183},[166,3422,3423],{"class":168,"line":270},[166,3424,556],{"emptyLinePlaceholder":555},[166,3426,3427,3429,3431,3434,3436,3438,3440],{"class":168,"line":291},[166,3428,630],{"class":514},[166,3430,529],{"class":187},[166,3432,3433],{"class":183}," livePreviewEnabled ",[166,3435,425],{"class":187},[166,3437,568],{"class":187},[166,3439,3199],{"class":179},[166,3441,641],{"class":183},[166,3443,3444],{"class":168,"line":313},[166,3445,556],{"emptyLinePlaceholder":555},[166,3447,3448,3450,3453,3455,3458,3460,3463,3465],{"class":168,"line":319},[166,3449,630],{"class":514},[166,3451,3452],{"class":183}," editUrl ",[166,3454,450],{"class":187},[166,3456,3457],{"class":179}," computed",[166,3459,184],{"class":183},[166,3461,3462],{"class":187},"()",[166,3464,3175],{"class":514},[166,3466,236],{"class":187},[166,3468,3469,3472,3474,3476,3479,3481,3484],{"class":168,"line":325},[166,3470,3471],{"class":172}," if",[166,3473,838],{"class":194},[166,3475,841],{"class":187},[166,3477,3478],{"class":183},"livePreviewEnabled",[166,3480,689],{"class":194},[166,3482,3483],{"class":172},"return",[166,3485,3486],{"class":187}," null\n",[166,3488,3489],{"class":168,"line":335},[166,3490,221],{"class":194},[166,3492,3493,3495,3497,3500,3502,3505,3507,3510,3512,3515,3517,3520,3522,3525,3527,3529,3531,3534,3536,3539],{"class":168,"line":349},[166,3494,3332],{"class":172},[166,3496,653],{"class":187},[166,3498,3499],{"class":206},"https:\u002F\u002Fapp.contentstack.com\u002F#!\u002Fstack\u002F",[166,3501,659],{"class":187},[166,3503,3504],{"class":183},"stackApiKey",[166,3506,425],{"class":187},[166,3508,3509],{"class":206},"\u002Fcontent-type\u002F",[166,3511,659],{"class":187},[166,3513,3514],{"class":183},"props",[166,3516,257],{"class":187},[166,3518,3519],{"class":183},"contentTypeUid",[166,3521,425],{"class":187},[166,3523,3524],{"class":206},"\u002Fen-us\u002Fentry\u002F",[166,3526,659],{"class":187},[166,3528,3514],{"class":183},[166,3530,257],{"class":187},[166,3532,3533],{"class":183},"entryUid",[166,3535,425],{"class":187},[166,3537,3538],{"class":206},"\u002Fedit",[166,3540,3541],{"class":187},"`\n",[166,3543,3544,3546],{"class":168,"line":370},[166,3545,425],{"class":187},[166,3547,428],{"class":183},[166,3549,3550,3552,3554],{"class":168,"line":382},[166,3551,903],{"class":187},[166,3553,511],{"class":194},[166,3555,518],{"class":187},[166,3557,3558],{"class":168,"line":394},[166,3559,556],{"emptyLinePlaceholder":555},[166,3561,3562,3564,3566],{"class":168,"line":410},[166,3563,508],{"class":187},[166,3565,920],{"class":194},[166,3567,518],{"class":187},[166,3569,3570,3572,3574,3576,3578,3580,3583,3585],{"class":168,"line":416},[166,3571,928],{"class":187},[166,3573,984],{"class":194},[166,3575,1911],{"class":514},[166,3577,450],{"class":187},[166,3579,547],{"class":187},[166,3581,3582],{"class":206},"editable-section",[166,3584,547],{"class":187},[166,3586,518],{"class":187},[166,3588,3589,3591,3593,3595,3597,3599,3602,3604],{"class":168,"line":422},[166,3590,950],{"class":187},[166,3592,984],{"class":194},[166,3594,1911],{"class":514},[166,3596,450],{"class":187},[166,3598,547],{"class":187},[166,3600,3601],{"class":206},"content-header",[166,3603,547],{"class":187},[166,3605,518],{"class":187},[166,3607,3608,3610,3612,3614,3616,3618,3620],{"class":168,"line":853},[166,3609,1999],{"class":187},[166,3611,98],{"class":194},[166,3613,588],{"class":187},[166,3615,2038],{"class":183},[166,3617,903],{"class":187},[166,3619,98],{"class":194},[166,3621,518],{"class":187},[166,3623,3624,3626,3628],{"class":168,"line":894},[166,3625,1999],{"class":187},[166,3627,90],{"class":194},[166,3629,1036],{"class":187},[166,3631,3632,3635,3637,3639,3642,3644],{"class":168,"line":900},[166,3633,3634],{"class":514}," v-if",[166,3636,450],{"class":187},[166,3638,547],{"class":187},[166,3640,3641],{"class":206},"editUrl",[166,3643,547],{"class":187},[166,3645,1036],{"class":187},[166,3647,3648,3651,3653,3655,3657,3659],{"class":168,"line":910},[166,3649,3650],{"class":514}," :href",[166,3652,450],{"class":187},[166,3654,547],{"class":187},[166,3656,3641],{"class":206},[166,3658,547],{"class":187},[166,3660,1036],{"class":187},[166,3662,3663,3666,3668,3670,3673],{"class":168,"line":915},[166,3664,3665],{"class":514}," target",[166,3667,450],{"class":187},[166,3669,547],{"class":187},[166,3671,3672],{"class":206},"_blank",[166,3674,1069],{"class":187},[166,3676,3677,3680,3682,3684,3687],{"class":168,"line":925},[166,3678,3679],{"class":514}," class",[166,3681,450],{"class":187},[166,3683,547],{"class":187},[166,3685,3686],{"class":206},"edit-button",[166,3688,1069],{"class":187},[166,3690,3691],{"class":168,"line":947},[166,3692,3693],{"class":187}," >\n",[166,3695,3696],{"class":168,"line":979},[166,3697,3698],{"class":183}," ✏️ Edit\n",[166,3700,3701,3703,3705],{"class":168,"line":1017},[166,3702,2190],{"class":187},[166,3704,90],{"class":194},[166,3706,518],{"class":187},[166,3708,3709,3711,3713],{"class":168,"line":1022},[166,3710,2200],{"class":187},[166,3712,984],{"class":194},[166,3714,518],{"class":187},[166,3716,3717],{"class":168,"line":1028},[166,3718,316],{"class":183},[166,3720,3721,3723,3726],{"class":168,"line":1039},[166,3722,950],{"class":187},[166,3724,3725],{"class":194},"slot",[166,3727,3728],{"class":187}," \u002F>\n",[166,3730,3731,3733,3735],{"class":168,"line":1056},[166,3732,1111],{"class":187},[166,3734,984],{"class":194},[166,3736,518],{"class":187},[166,3738,3739,3741,3743],{"class":168,"line":1072},[166,3740,903],{"class":187},[166,3742,920],{"class":194},[166,3744,518],{"class":187},[98,3746,3748],{"id":3747},"best-practices","Best Practices",[144,3750,3752],{"id":3751},"content-structure","Content Structure",[76,3754,3755],{},[85,3756,3757],{},"Modular Design:",[106,3759,3760,3763,3766],{},[109,3761,3762],{},"Create reusable component blocks",[109,3764,3765],{},"Use consistent naming conventions",[109,3767,3768],{},"Structure content hierarchically",[76,3770,3771],{},[85,3772,3773],{},"Field Naming:",[106,3775,3776,3779,3782],{},[109,3777,3778],{},"Use descriptive field names",[109,3780,3781],{},"Follow camelCase or snake_case consistently",[109,3783,3784],{},"Avoid special characters in field names",[144,3786,3788],{"id":3787},"performance","Performance",[76,3790,3791],{},[85,3792,3793],{},"Efficient Updates:",[106,3795,3796,3799,3802],{},[109,3797,3798],{},"Use specific reference paths",[109,3800,3801],{},"Avoid deep nesting where possible",[109,3803,3804],{},"Implement proper error boundaries",[76,3806,3807],{},[85,3808,3809],{},"Caching Strategy:",[106,3811,3812,3815,3818],{},[109,3813,3814],{},"Cache static content appropriately",[109,3816,3817],{},"Use cache invalidation for live preview",[109,3819,3820],{},"Consider preview vs. production caching",[144,3822,3824],{"id":3823},"user-experience","User Experience",[76,3826,3827],{},[85,3828,3829],{},"Visual Feedback:",[106,3831,3832,3835,3838],{},[109,3833,3834],{},"Show loading states during updates",[109,3836,3837],{},"Provide clear editing indicators",[109,3839,3840],{},"Handle error states gracefully",[76,3842,3843],{},[85,3844,3845],{},"Editor Experience:",[106,3847,3848,3851,3854],{},[109,3849,3850],{},"Provide meaningful component names",[109,3852,3853],{},"Use descriptive help text",[109,3855,3856],{},"Implement validation feedback",[98,3858,3860],{"id":3859},"troubleshooting","Troubleshooting",[144,3862,3864],{"id":3863},"common-issues","Common Issues",[76,3866,3867],{},[85,3868,3869],{},"Live Preview Not Working:",[157,3871,3875],{"className":3872,"code":3873,"language":3874,"meta":162,"style":162},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Check configuration\nconst { livePreviewEnabled } = useContentstack()\nconsole.log(livePreviewEnabled)\n\n\u002F\u002F Verify preview token\n\u002F\u002F Ensure environment is set to 'preview'\n\u002F\u002F Check browser console for errors\n","typescript",[152,3876,3877,3882,3898,3910,3914,3919,3924],{"__ignoreMap":162},[166,3878,3879],{"class":168,"line":169},[166,3880,3881],{"class":242},"\u002F\u002F Check configuration\n",[166,3883,3884,3886,3888,3890,3892,3894,3896],{"class":168,"line":191},[166,3885,630],{"class":514},[166,3887,529],{"class":187},[166,3889,3433],{"class":183},[166,3891,425],{"class":187},[166,3893,568],{"class":187},[166,3895,3199],{"class":179},[166,3897,641],{"class":183},[166,3899,3900,3903,3905,3907],{"class":168,"line":218},[166,3901,3902],{"class":183},"console",[166,3904,257],{"class":187},[166,3906,3288],{"class":179},[166,3908,3909],{"class":183},"(livePreviewEnabled)\n",[166,3911,3912],{"class":168,"line":224},[166,3913,556],{"emptyLinePlaceholder":555},[166,3915,3916],{"class":168,"line":239},[166,3917,3918],{"class":242},"\u002F\u002F Verify preview token\n",[166,3920,3921],{"class":168,"line":246},[166,3922,3923],{"class":242},"\u002F\u002F Ensure environment is set to 'preview'\n",[166,3925,3926],{"class":168,"line":270},[166,3927,3928],{"class":242},"\u002F\u002F Check browser console for errors\n",[76,3930,3931],{},[85,3932,3933],{},"Edit Button Not Appearing:",[157,3935,3937],{"className":3872,"code":3936,"language":3874,"meta":162,"style":162},"\u002F\u002F Verify edit button configuration\nlivePreview: {\n editButton: {\n enable: true,\n position: 'top-right'\n }\n}\n",[152,3938,3939,3944,3952,3960,3970,3982,3986],{"__ignoreMap":162},[166,3940,3941],{"class":168,"line":169},[166,3942,3943],{"class":242},"\u002F\u002F Verify edit button configuration\n",[166,3945,3946,3948,3950],{"class":168,"line":191},[166,3947,1157],{"class":564},[166,3949,155],{"class":187},[166,3951,236],{"class":187},[166,3953,3954,3956,3958],{"class":168,"line":218},[166,3955,1213],{"class":564},[166,3957,155],{"class":187},[166,3959,236],{"class":187},[166,3961,3962,3964,3966,3968],{"class":168,"line":224},[166,3963,1314],{"class":564},[166,3965,155],{"class":187},[166,3967,344],{"class":343},[166,3969,215],{"class":187},[166,3971,3972,3974,3976,3978,3980],{"class":168,"line":239},[166,3973,1325],{"class":564},[166,3975,155],{"class":187},[166,3977,299],{"class":187},[166,3979,1332],{"class":206},[166,3981,407],{"class":187},[166,3983,3984],{"class":168,"line":246},[166,3985,419],{"class":187},[166,3987,3988],{"class":168,"line":270},[166,3989,897],{"class":187},[76,3991,3992],{},[85,3993,3994],{},"Content Not Updating:",[157,3996,3998],{"className":3872,"code":3997,"language":3874,"meta":162,"style":162},"\u002F\u002F Ensure composables support refresh\nconst { data, refresh } = await useGetEntry(...)\n\n\u002F\u002F Check live preview event listeners\nContentstackLivePreview.onEntryChange(refresh)\n",[152,3999,4000,4005,4033,4037,4042],{"__ignoreMap":162},[166,4001,4002],{"class":168,"line":169},[166,4003,4004],{"class":242},"\u002F\u002F Ensure composables support refresh\n",[166,4006,4007,4009,4011,4013,4015,4017,4019,4021,4023,4026,4028,4031],{"class":168,"line":191},[166,4008,630],{"class":514},[166,4010,529],{"class":187},[166,4012,713],{"class":183},[166,4014,307],{"class":187},[166,4016,723],{"class":183},[166,4018,425],{"class":187},[166,4020,568],{"class":187},[166,4022,730],{"class":172},[166,4024,4025],{"class":179}," useGetEntry",[166,4027,184],{"class":183},[166,4029,4030],{"class":187},"...",[166,4032,428],{"class":183},[166,4034,4035],{"class":168,"line":218},[166,4036,556],{"emptyLinePlaceholder":555},[166,4038,4039],{"class":168,"line":224},[166,4040,4041],{"class":242},"\u002F\u002F Check live preview event listeners\n",[166,4043,4044,4047,4049,4051],{"class":168,"line":239},[166,4045,4046],{"class":183},"ContentstackLivePreview",[166,4048,257],{"class":187},[166,4050,3263],{"class":179},[166,4052,4053],{"class":183},"(refresh)\n",[144,4055,4057],{"id":4056},"debug-mode","Debug Mode",[76,4059,4060],{},"Enable debug mode for detailed live preview logging:",[157,4062,4064],{"className":159,"code":4063,"filename":154,"language":161,"meta":162,"style":162},"'nuxt-contentstack': {\n debug: true,\n livePreview: {\n enable: true,\n \u002F\u002F ... other config\n }\n}\n",[152,4065,4066,4079,4090,4099,4109,4114,4118],{"__ignoreMap":162},[166,4067,4068,4070,4072,4074,4077],{"class":168,"line":169},[166,4069,203],{"class":187},[166,4071,207],{"class":206},[166,4073,203],{"class":187},[166,4075,4076],{"class":183},": ",[166,4078,188],{"class":187},[166,4080,4081,4084,4086,4088],{"class":168,"line":191},[166,4082,4083],{"class":194}," debug",[166,4085,155],{"class":187},[166,4087,344],{"class":343},[166,4089,215],{"class":187},[166,4091,4092,4095,4097],{"class":168,"line":218},[166,4093,4094],{"class":194}," livePreview",[166,4096,155],{"class":187},[166,4098,236],{"class":187},[166,4100,4101,4103,4105,4107],{"class":168,"line":224},[166,4102,1314],{"class":194},[166,4104,155],{"class":187},[166,4106,344],{"class":343},[166,4108,215],{"class":187},[166,4110,4111],{"class":168,"line":239},[166,4112,4113],{"class":242}," \u002F\u002F ... other config\n",[166,4115,4116],{"class":168,"line":246},[166,4117,419],{"class":187},[166,4119,4120],{"class":168,"line":270},[166,4121,897],{"class":187},[98,4123,4125],{"id":4124},"next-steps","Next Steps",[984,4127,4134],{"className":4128},[4129,4130,4131,4132,4133],"grid","grid-cols-1","md:grid-cols-2","gap-4","mt-6",[4135,4136,4138],"card",{"icon":54,"title":4137,"to":52},"Personalization Setup","Configure personalization for targeted content delivery.",[2714,4140,4141],{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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}",{"title":162,"searchDepth":191,"depth":191,"links":4143},[4144,4145,4150,4155,4159,4164,4168,4172,4177,4181],{"id":100,"depth":191,"text":101},{"id":141,"depth":191,"text":142,"children":4146},[4147,4148,4149],{"id":146,"depth":218,"text":147},{"id":431,"depth":218,"text":432},{"id":491,"depth":218,"text":492},{"id":1142,"depth":191,"text":1143,"children":4151},[4152,4153,4154],{"id":1146,"depth":218,"text":1147},{"id":1260,"depth":218,"text":1261},{"id":1403,"depth":218,"text":1404},{"id":1524,"depth":191,"text":1525,"children":4156},[4157,4158],{"id":1528,"depth":218,"text":1529},{"id":1586,"depth":218,"text":1587},{"id":1643,"depth":191,"text":1644,"children":4160},[4161,4162,4163],{"id":1647,"depth":218,"text":1648},{"id":2225,"depth":218,"text":2226},{"id":2527,"depth":218,"text":2528},{"id":2781,"depth":191,"text":2782,"children":4165},[4166,4167],{"id":2785,"depth":218,"text":2786},{"id":2930,"depth":218,"text":2931},{"id":3143,"depth":191,"text":3144,"children":4169},[4170,4171],{"id":3147,"depth":218,"text":3148},{"id":3357,"depth":218,"text":3358},{"id":3747,"depth":191,"text":3748,"children":4173},[4174,4175,4176],{"id":3751,"depth":218,"text":3752},{"id":3787,"depth":218,"text":3788},{"id":3823,"depth":218,"text":3824},{"id":3859,"depth":191,"text":3860,"children":4178},[4179,4180],{"id":3863,"depth":218,"text":3864},{"id":4056,"depth":218,"text":4057},{"id":4124,"depth":191,"text":4125},"Enable real-time content editing with Contentstack's Live Preview and Visual Builder integration for seamless content management workflows.","md",null,{},{"icon":69},{"title":66,"description":4182},"8p-xiXWYMFb-OK9HvyFVUmeLGW-aw64h0beaxY2O_pY",[4190,4184],{"title":56,"path":57,"stem":58,"description":4191,"icon":59,"children":-1},"Optimize your Nuxt Contentstack application for speed, efficiency, and scalability with best practices, caching strategies, and performance tips.",1775639654835]