[{"data":1,"prerenderedAt":1690},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-quick-start":70,"-getting-started-quick-start-surround":1685},[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":21,"body":72,"description":1678,"extension":1679,"links":1680,"meta":1681,"navigation":1682,"path":22,"seo":1683,"stem":23,"__hash__":1684},"docs\u002F1.getting-started\u002F4.quick-start.md",{"type":73,"value":74,"toc":1664},"minimark",[75,79,84,87,417,421,424,774,779,782,795,816,820,823,1073,1077,1097,1101,1104,1279,1283,1309,1331,1335,1338,1624,1628,1631,1649,1660],[76,77,78],"p",{},"Get up and running quickly with Nuxt Contentstack! This guide provides practical examples you can copy and adapt for your project.",[80,81,83],"h2",{"id":82},"basic-example","Basic Example",[76,85,86],{},"The simplest way to fetch and display content from Contentstack:",[88,89,95],"pre",{"className":90,"code":91,"filename":92,"language":93,"meta":94,"style":94},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript lang=\"ts\" setup>\nimport type { Page } from \"..\u002F..\u002Ftypes\";\n\nconst { data: page } = await useGetEntryByUrl\u003CPage>({\n  contentTypeUid: \"page\",\n  url: \"\u002F\",\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmain>\n    \u003Ch1>{{ page?.title }}\u003C\u002Fh1>\n    \u003Cp>{{ page?.description }}\u003C\u002Fp>\n    \u003CNuxtImg\n      :src=\"page?.image?.url\"\n      :alt=\"page?.image?.title\"\n      provider=\"contentstack\"\n    \u002F>\n  \u003C\u002Fmain>\n\u003C\u002Ftemplate>\n","pages\u002Findex.vue","vue","",[96,97,98,133,167,174,219,237,254,264,274,279,289,300,320,338,346,362,377,392,398,408],"code",{"__ignoreMap":94},[99,100,103,107,111,115,118,121,125,127,130],"span",{"class":101,"line":102},"line",1,[99,104,106],{"class":105},"sMK4o","\u003C",[99,108,110],{"class":109},"swJcz","script",[99,112,114],{"class":113},"spNyl"," lang",[99,116,117],{"class":105},"=",[99,119,120],{"class":105},"\"",[99,122,124],{"class":123},"sfazB","ts",[99,126,120],{"class":105},[99,128,129],{"class":113}," setup",[99,131,132],{"class":105},">\n",[99,134,136,140,143,146,150,153,156,159,162,164],{"class":101,"line":135},2,[99,137,139],{"class":138},"s7zQu","import",[99,141,142],{"class":138}," type",[99,144,145],{"class":105}," {",[99,147,149],{"class":148},"sTEyZ"," Page",[99,151,152],{"class":105}," }",[99,154,155],{"class":138}," from",[99,157,158],{"class":105}," \"",[99,160,161],{"class":123},"..\u002F..\u002Ftypes",[99,163,120],{"class":105},[99,165,166],{"class":105},";\n",[99,168,170],{"class":101,"line":169},3,[99,171,173],{"emptyLinePlaceholder":172},true,"\n",[99,175,177,180,182,185,188,191,194,197,200,204,206,210,213,216],{"class":101,"line":176},4,[99,178,179],{"class":113},"const",[99,181,145],{"class":105},[99,183,184],{"class":109}," data",[99,186,187],{"class":105},":",[99,189,190],{"class":148}," page ",[99,192,193],{"class":105},"}",[99,195,196],{"class":105}," =",[99,198,199],{"class":138}," await",[99,201,203],{"class":202},"s2Zo4"," useGetEntryByUrl",[99,205,106],{"class":105},[99,207,209],{"class":208},"sBMFI","Page",[99,211,212],{"class":105},">",[99,214,215],{"class":148},"(",[99,217,218],{"class":105},"{\n",[99,220,222,225,227,229,232,234],{"class":101,"line":221},5,[99,223,224],{"class":109},"  contentTypeUid",[99,226,187],{"class":105},[99,228,158],{"class":105},[99,230,231],{"class":123},"page",[99,233,120],{"class":105},[99,235,236],{"class":105},",\n",[99,238,240,243,245,247,250,252],{"class":101,"line":239},6,[99,241,242],{"class":109},"  url",[99,244,187],{"class":105},[99,246,158],{"class":105},[99,248,249],{"class":123},"\u002F",[99,251,120],{"class":105},[99,253,236],{"class":105},[99,255,257,259,262],{"class":101,"line":256},7,[99,258,193],{"class":105},[99,260,261],{"class":148},")",[99,263,166],{"class":105},[99,265,267,270,272],{"class":101,"line":266},8,[99,268,269],{"class":105},"\u003C\u002F",[99,271,110],{"class":109},[99,273,132],{"class":105},[99,275,277],{"class":101,"line":276},9,[99,278,173],{"emptyLinePlaceholder":172},[99,280,282,284,287],{"class":101,"line":281},10,[99,283,106],{"class":105},[99,285,286],{"class":109},"template",[99,288,132],{"class":105},[99,290,292,295,298],{"class":101,"line":291},11,[99,293,294],{"class":105},"  \u003C",[99,296,297],{"class":109},"main",[99,299,132],{"class":105},[99,301,303,306,309,311,314,316,318],{"class":101,"line":302},12,[99,304,305],{"class":105},"    \u003C",[99,307,308],{"class":109},"h1",[99,310,212],{"class":105},[99,312,313],{"class":148},"{{ page?.title }}",[99,315,269],{"class":105},[99,317,308],{"class":109},[99,319,132],{"class":105},[99,321,323,325,327,329,332,334,336],{"class":101,"line":322},13,[99,324,305],{"class":105},[99,326,76],{"class":109},[99,328,212],{"class":105},[99,330,331],{"class":148},"{{ page?.description }}",[99,333,269],{"class":105},[99,335,76],{"class":109},[99,337,132],{"class":105},[99,339,341,343],{"class":101,"line":340},14,[99,342,305],{"class":105},[99,344,345],{"class":109},"NuxtImg\n",[99,347,349,352,354,356,359],{"class":101,"line":348},15,[99,350,351],{"class":113},"      :src",[99,353,117],{"class":105},[99,355,120],{"class":105},[99,357,358],{"class":123},"page?.image?.url",[99,360,361],{"class":105},"\"\n",[99,363,365,368,370,372,375],{"class":101,"line":364},16,[99,366,367],{"class":113},"      :alt",[99,369,117],{"class":105},[99,371,120],{"class":105},[99,373,374],{"class":123},"page?.image?.title",[99,376,361],{"class":105},[99,378,380,383,385,387,390],{"class":101,"line":379},17,[99,381,382],{"class":113},"      provider",[99,384,117],{"class":105},[99,386,120],{"class":105},[99,388,389],{"class":123},"contentstack",[99,391,361],{"class":105},[99,393,395],{"class":101,"line":394},18,[99,396,397],{"class":105},"    \u002F>\n",[99,399,401,404,406],{"class":101,"line":400},19,[99,402,403],{"class":105},"  \u003C\u002F",[99,405,297],{"class":109},[99,407,132],{"class":105},[99,409,411,413,415],{"class":101,"line":410},20,[99,412,269],{"class":105},[99,414,286],{"class":109},[99,416,132],{"class":105},[80,418,420],{"id":419},"with-live-preview","With Live Preview",[76,422,423],{},"Enable real-time content editing by adding Live Preview attributes:",[88,425,427],{"className":90,"code":426,"filename":92,"language":93,"meta":94,"style":94},"\u003Cscript lang=\"ts\" setup>\nimport type { Page } from \"..\u002F..\u002Ftypes\";\n\ntype PageProps = Omit\u003CPage, \"$\"> & {\n  cslp?: Page[\"$\"];\n};\n\nconst { data: page } = await useGetEntryByUrl\u003CPageProps>({\n  contentTypeUid: \"page\",\n  url: \"\u002F\",\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmain>\n    \u003Ch1 v-bind=\"page?.cslp && page.cslp.title\">{{ page?.title }}\u003C\u002Fh1>\n    \u003Cp v-bind=\"page?.cslp && page.cslp.description\">{{ page?.description }}\u003C\u002Fp>\n    \u003CNuxtImg\n      v-bind=\"page?.image?.cslp && page?.image?.cslp.url\"\n      :src=\"page?.image?.url\"\n      :alt=\"page?.image?.title\"\n      provider=\"contentstack\"\n    \u002F>\n  \u003C\u002Fmain>\n\u003C\u002Ftemplate>\n",[96,428,429,449,471,475,510,534,539,543,574,588,602,610,618,622,630,638,666,693,699,713,725,738,751,756,765],{"__ignoreMap":94},[99,430,431,433,435,437,439,441,443,445,447],{"class":101,"line":102},[99,432,106],{"class":105},[99,434,110],{"class":109},[99,436,114],{"class":113},[99,438,117],{"class":105},[99,440,120],{"class":105},[99,442,124],{"class":123},[99,444,120],{"class":105},[99,446,129],{"class":113},[99,448,132],{"class":105},[99,450,451,453,455,457,459,461,463,465,467,469],{"class":101,"line":135},[99,452,139],{"class":138},[99,454,142],{"class":138},[99,456,145],{"class":105},[99,458,149],{"class":148},[99,460,152],{"class":105},[99,462,155],{"class":138},[99,464,158],{"class":105},[99,466,161],{"class":123},[99,468,120],{"class":105},[99,470,166],{"class":105},[99,472,473],{"class":101,"line":169},[99,474,173],{"emptyLinePlaceholder":172},[99,476,477,480,483,485,488,490,492,495,497,500,502,504,507],{"class":101,"line":176},[99,478,479],{"class":113},"type",[99,481,482],{"class":208}," PageProps",[99,484,196],{"class":105},[99,486,487],{"class":208}," Omit",[99,489,106],{"class":105},[99,491,209],{"class":208},[99,493,494],{"class":105},",",[99,496,158],{"class":105},[99,498,499],{"class":123},"$",[99,501,120],{"class":105},[99,503,212],{"class":105},[99,505,506],{"class":105}," &",[99,508,509],{"class":105}," {\n",[99,511,512,515,518,520,523,525,527,529,532],{"class":101,"line":221},[99,513,514],{"class":109},"  cslp",[99,516,517],{"class":105},"?:",[99,519,149],{"class":208},[99,521,522],{"class":148},"[",[99,524,120],{"class":105},[99,526,499],{"class":123},[99,528,120],{"class":105},[99,530,531],{"class":148},"]",[99,533,166],{"class":105},[99,535,536],{"class":101,"line":239},[99,537,538],{"class":105},"};\n",[99,540,541],{"class":101,"line":256},[99,542,173],{"emptyLinePlaceholder":172},[99,544,545,547,549,551,553,555,557,559,561,563,565,568,570,572],{"class":101,"line":266},[99,546,179],{"class":113},[99,548,145],{"class":105},[99,550,184],{"class":109},[99,552,187],{"class":105},[99,554,190],{"class":148},[99,556,193],{"class":105},[99,558,196],{"class":105},[99,560,199],{"class":138},[99,562,203],{"class":202},[99,564,106],{"class":105},[99,566,567],{"class":208},"PageProps",[99,569,212],{"class":105},[99,571,215],{"class":148},[99,573,218],{"class":105},[99,575,576,578,580,582,584,586],{"class":101,"line":276},[99,577,224],{"class":109},[99,579,187],{"class":105},[99,581,158],{"class":105},[99,583,231],{"class":123},[99,585,120],{"class":105},[99,587,236],{"class":105},[99,589,590,592,594,596,598,600],{"class":101,"line":281},[99,591,242],{"class":109},[99,593,187],{"class":105},[99,595,158],{"class":105},[99,597,249],{"class":123},[99,599,120],{"class":105},[99,601,236],{"class":105},[99,603,604,606,608],{"class":101,"line":291},[99,605,193],{"class":105},[99,607,261],{"class":148},[99,609,166],{"class":105},[99,611,612,614,616],{"class":101,"line":302},[99,613,269],{"class":105},[99,615,110],{"class":109},[99,617,132],{"class":105},[99,619,620],{"class":101,"line":322},[99,621,173],{"emptyLinePlaceholder":172},[99,623,624,626,628],{"class":101,"line":340},[99,625,106],{"class":105},[99,627,286],{"class":109},[99,629,132],{"class":105},[99,631,632,634,636],{"class":101,"line":348},[99,633,294],{"class":105},[99,635,297],{"class":109},[99,637,132],{"class":105},[99,639,640,642,644,647,649,651,654,656,658,660,662,664],{"class":101,"line":364},[99,641,305],{"class":105},[99,643,308],{"class":109},[99,645,646],{"class":113}," v-bind",[99,648,117],{"class":105},[99,650,120],{"class":105},[99,652,653],{"class":123},"page?.cslp && page.cslp.title",[99,655,120],{"class":105},[99,657,212],{"class":105},[99,659,313],{"class":148},[99,661,269],{"class":105},[99,663,308],{"class":109},[99,665,132],{"class":105},[99,667,668,670,672,674,676,678,681,683,685,687,689,691],{"class":101,"line":379},[99,669,305],{"class":105},[99,671,76],{"class":109},[99,673,646],{"class":113},[99,675,117],{"class":105},[99,677,120],{"class":105},[99,679,680],{"class":123},"page?.cslp && page.cslp.description",[99,682,120],{"class":105},[99,684,212],{"class":105},[99,686,331],{"class":148},[99,688,269],{"class":105},[99,690,76],{"class":109},[99,692,132],{"class":105},[99,694,695,697],{"class":101,"line":394},[99,696,305],{"class":105},[99,698,345],{"class":109},[99,700,701,704,706,708,711],{"class":101,"line":400},[99,702,703],{"class":113},"      v-bind",[99,705,117],{"class":105},[99,707,120],{"class":105},[99,709,710],{"class":123},"page?.image?.cslp && page?.image?.cslp.url",[99,712,361],{"class":105},[99,714,715,717,719,721,723],{"class":101,"line":410},[99,716,351],{"class":113},[99,718,117],{"class":105},[99,720,120],{"class":105},[99,722,358],{"class":123},[99,724,361],{"class":105},[99,726,728,730,732,734,736],{"class":101,"line":727},21,[99,729,367],{"class":113},[99,731,117],{"class":105},[99,733,120],{"class":105},[99,735,374],{"class":123},[99,737,361],{"class":105},[99,739,741,743,745,747,749],{"class":101,"line":740},22,[99,742,382],{"class":113},[99,744,117],{"class":105},[99,746,120],{"class":105},[99,748,389],{"class":123},[99,750,361],{"class":105},[99,752,754],{"class":101,"line":753},23,[99,755,397],{"class":105},[99,757,759,761,763],{"class":101,"line":758},24,[99,760,403],{"class":105},[99,762,297],{"class":109},[99,764,132],{"class":105},[99,766,768,770,772],{"class":101,"line":767},25,[99,769,269],{"class":105},[99,771,286],{"class":109},[99,773,132],{"class":105},[775,776,778],"h3",{"id":777},"live-preview-setup","Live Preview setup",[76,780,781],{},"This example:",[783,784,785,789,792],"ul",{},[786,787,788],"li",{},"Includes CSLP (Contentstack Live Preview) attributes for editable fields",[786,790,791],{},"Allows content editors to edit content directly on the page",[786,793,794],{},"Requires Live Preview to be enabled in your configuration",[796,797,799,802,803,806,807,810,811,815],"callout",{"icon":798},"i-lucide-info",[800,801,66],"strong",{},": Make sure you've configured Live Preview in your ",[96,804,805],{},"nuxt.config.ts"," and are using the ",[96,808,809],{},"preview"," environment. See the ",[812,813,814],"a",{"href":67},"Live Preview guide"," for full setup instructions.",[80,817,819],{"id":818},"modular-blocks-with-composable","Modular Blocks with Composable",[76,821,822],{},"Build dynamic pages using modular blocks by fetching content first:",[88,824,826],{"className":90,"code":825,"filename":92,"language":93,"meta":94,"style":94},"\u003Cscript lang=\"ts\" setup>\nimport type { Page } from \"..\u002F..\u002Ftypes\";\nimport BlockItem from \".\u002FBlockItem.vue\";\n\nconst componentMap = {\n  block: BlockItem,\n};\n\nconst { data: page } = await useGetEntryByUrl\u003CPage>({\n  contentTypeUid: \"page\",\n  url: \"\u002F\",\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmain>\n    \u003CContentstackModularBlocks\n      :component-map=\"componentMap\"\n      :blocks=\"page?.blocks\"\n    \u002F>\n  \u003C\u002Fmain>\n\u003C\u002Ftemplate>\n",[96,827,828,848,870,889,893,904,916,920,924,954,968,982,990,998,1002,1010,1018,1025,1039,1053,1057,1065],{"__ignoreMap":94},[99,829,830,832,834,836,838,840,842,844,846],{"class":101,"line":102},[99,831,106],{"class":105},[99,833,110],{"class":109},[99,835,114],{"class":113},[99,837,117],{"class":105},[99,839,120],{"class":105},[99,841,124],{"class":123},[99,843,120],{"class":105},[99,845,129],{"class":113},[99,847,132],{"class":105},[99,849,850,852,854,856,858,860,862,864,866,868],{"class":101,"line":135},[99,851,139],{"class":138},[99,853,142],{"class":138},[99,855,145],{"class":105},[99,857,149],{"class":148},[99,859,152],{"class":105},[99,861,155],{"class":138},[99,863,158],{"class":105},[99,865,161],{"class":123},[99,867,120],{"class":105},[99,869,166],{"class":105},[99,871,872,874,877,880,882,885,887],{"class":101,"line":169},[99,873,139],{"class":138},[99,875,876],{"class":148}," BlockItem ",[99,878,879],{"class":138},"from",[99,881,158],{"class":105},[99,883,884],{"class":123},".\u002FBlockItem.vue",[99,886,120],{"class":105},[99,888,166],{"class":105},[99,890,891],{"class":101,"line":176},[99,892,173],{"emptyLinePlaceholder":172},[99,894,895,897,900,902],{"class":101,"line":221},[99,896,179],{"class":113},[99,898,899],{"class":148}," componentMap ",[99,901,117],{"class":105},[99,903,509],{"class":105},[99,905,906,909,911,914],{"class":101,"line":239},[99,907,908],{"class":109},"  block",[99,910,187],{"class":105},[99,912,913],{"class":148}," BlockItem",[99,915,236],{"class":105},[99,917,918],{"class":101,"line":256},[99,919,538],{"class":105},[99,921,922],{"class":101,"line":266},[99,923,173],{"emptyLinePlaceholder":172},[99,925,926,928,930,932,934,936,938,940,942,944,946,948,950,952],{"class":101,"line":276},[99,927,179],{"class":113},[99,929,145],{"class":105},[99,931,184],{"class":109},[99,933,187],{"class":105},[99,935,190],{"class":148},[99,937,193],{"class":105},[99,939,196],{"class":105},[99,941,199],{"class":138},[99,943,203],{"class":202},[99,945,106],{"class":105},[99,947,209],{"class":208},[99,949,212],{"class":105},[99,951,215],{"class":148},[99,953,218],{"class":105},[99,955,956,958,960,962,964,966],{"class":101,"line":281},[99,957,224],{"class":109},[99,959,187],{"class":105},[99,961,158],{"class":105},[99,963,231],{"class":123},[99,965,120],{"class":105},[99,967,236],{"class":105},[99,969,970,972,974,976,978,980],{"class":101,"line":291},[99,971,242],{"class":109},[99,973,187],{"class":105},[99,975,158],{"class":105},[99,977,249],{"class":123},[99,979,120],{"class":105},[99,981,236],{"class":105},[99,983,984,986,988],{"class":101,"line":302},[99,985,193],{"class":105},[99,987,261],{"class":148},[99,989,166],{"class":105},[99,991,992,994,996],{"class":101,"line":322},[99,993,269],{"class":105},[99,995,110],{"class":109},[99,997,132],{"class":105},[99,999,1000],{"class":101,"line":340},[99,1001,173],{"emptyLinePlaceholder":172},[99,1003,1004,1006,1008],{"class":101,"line":348},[99,1005,106],{"class":105},[99,1007,286],{"class":109},[99,1009,132],{"class":105},[99,1011,1012,1014,1016],{"class":101,"line":364},[99,1013,294],{"class":105},[99,1015,297],{"class":109},[99,1017,132],{"class":105},[99,1019,1020,1022],{"class":101,"line":379},[99,1021,305],{"class":105},[99,1023,1024],{"class":109},"ContentstackModularBlocks\n",[99,1026,1027,1030,1032,1034,1037],{"class":101,"line":394},[99,1028,1029],{"class":113},"      :component-map",[99,1031,117],{"class":105},[99,1033,120],{"class":105},[99,1035,1036],{"class":123},"componentMap",[99,1038,361],{"class":105},[99,1040,1041,1044,1046,1048,1051],{"class":101,"line":400},[99,1042,1043],{"class":113},"      :blocks",[99,1045,117],{"class":105},[99,1047,120],{"class":105},[99,1049,1050],{"class":123},"page?.blocks",[99,1052,361],{"class":105},[99,1054,1055],{"class":101,"line":410},[99,1056,397],{"class":105},[99,1058,1059,1061,1063],{"class":101,"line":727},[99,1060,403],{"class":105},[99,1062,297],{"class":109},[99,1064,132],{"class":105},[99,1066,1067,1069,1071],{"class":101,"line":740},[99,1068,269],{"class":105},[99,1070,286],{"class":109},[99,1072,132],{"class":105},[775,1074,1076],{"id":1075},"benefits-of-this-approach","Benefits of this approach",[783,1078,1079,1085,1091],{},[786,1080,1081,1084],{},[800,1082,1083],{},"Full control",": Fetch and transform data before rendering",[786,1086,1087,1090],{},[800,1088,1089],{},"Custom logic",": Add computed properties or data transformations",[786,1092,1093,1096],{},[800,1094,1095],{},"Conditional rendering",": Easily add logic before rendering blocks",[80,1098,1100],{"id":1099},"modular-blocks-with-auto-fetch","Modular Blocks with Auto-fetch",[76,1102,1103],{},"Let the component handle fetching automatically for simpler code:",[88,1105,1107],{"className":90,"code":1106,"filename":92,"language":93,"meta":94,"style":94},"\u003Cscript lang=\"ts\" setup>\nimport BlockItem from \".\u002FBlockItem.vue\";\n\nconst componentMap = {\n  block: BlockItem,\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmain>\n    \u003CContentstackModularBlocks\n      :component-map=\"componentMap\"\n      blocks-field-path=\"blocks\"\n      content-type-uid=\"page\"\n      url=\"\u002F\"\n    \u002F>\n  \u003C\u002Fmain>\n\u003C\u002Ftemplate>\n",[96,1108,1109,1129,1145,1149,1159,1169,1173,1181,1185,1193,1201,1207,1219,1233,1246,1259,1263,1271],{"__ignoreMap":94},[99,1110,1111,1113,1115,1117,1119,1121,1123,1125,1127],{"class":101,"line":102},[99,1112,106],{"class":105},[99,1114,110],{"class":109},[99,1116,114],{"class":113},[99,1118,117],{"class":105},[99,1120,120],{"class":105},[99,1122,124],{"class":123},[99,1124,120],{"class":105},[99,1126,129],{"class":113},[99,1128,132],{"class":105},[99,1130,1131,1133,1135,1137,1139,1141,1143],{"class":101,"line":135},[99,1132,139],{"class":138},[99,1134,876],{"class":148},[99,1136,879],{"class":138},[99,1138,158],{"class":105},[99,1140,884],{"class":123},[99,1142,120],{"class":105},[99,1144,166],{"class":105},[99,1146,1147],{"class":101,"line":169},[99,1148,173],{"emptyLinePlaceholder":172},[99,1150,1151,1153,1155,1157],{"class":101,"line":176},[99,1152,179],{"class":113},[99,1154,899],{"class":148},[99,1156,117],{"class":105},[99,1158,509],{"class":105},[99,1160,1161,1163,1165,1167],{"class":101,"line":221},[99,1162,908],{"class":109},[99,1164,187],{"class":105},[99,1166,913],{"class":148},[99,1168,236],{"class":105},[99,1170,1171],{"class":101,"line":239},[99,1172,538],{"class":105},[99,1174,1175,1177,1179],{"class":101,"line":256},[99,1176,269],{"class":105},[99,1178,110],{"class":109},[99,1180,132],{"class":105},[99,1182,1183],{"class":101,"line":266},[99,1184,173],{"emptyLinePlaceholder":172},[99,1186,1187,1189,1191],{"class":101,"line":276},[99,1188,106],{"class":105},[99,1190,286],{"class":109},[99,1192,132],{"class":105},[99,1194,1195,1197,1199],{"class":101,"line":281},[99,1196,294],{"class":105},[99,1198,297],{"class":109},[99,1200,132],{"class":105},[99,1202,1203,1205],{"class":101,"line":291},[99,1204,305],{"class":105},[99,1206,1024],{"class":109},[99,1208,1209,1211,1213,1215,1217],{"class":101,"line":302},[99,1210,1029],{"class":113},[99,1212,117],{"class":105},[99,1214,120],{"class":105},[99,1216,1036],{"class":123},[99,1218,361],{"class":105},[99,1220,1221,1224,1226,1228,1231],{"class":101,"line":322},[99,1222,1223],{"class":113},"      blocks-field-path",[99,1225,117],{"class":105},[99,1227,120],{"class":105},[99,1229,1230],{"class":123},"blocks",[99,1232,361],{"class":105},[99,1234,1235,1238,1240,1242,1244],{"class":101,"line":340},[99,1236,1237],{"class":113},"      content-type-uid",[99,1239,117],{"class":105},[99,1241,120],{"class":105},[99,1243,231],{"class":123},[99,1245,361],{"class":105},[99,1247,1248,1251,1253,1255,1257],{"class":101,"line":348},[99,1249,1250],{"class":113},"      url",[99,1252,117],{"class":105},[99,1254,120],{"class":105},[99,1256,249],{"class":123},[99,1258,361],{"class":105},[99,1260,1261],{"class":101,"line":364},[99,1262,397],{"class":105},[99,1264,1265,1267,1269],{"class":101,"line":379},[99,1266,403],{"class":105},[99,1268,297],{"class":109},[99,1270,132],{"class":105},[99,1272,1273,1275,1277],{"class":101,"line":394},[99,1274,269],{"class":105},[99,1276,286],{"class":109},[99,1278,132],{"class":105},[775,1280,1282],{"id":1281},"when-to-use-auto-fetch","When to use auto-fetch",[783,1284,1285,1291,1297,1303],{},[786,1286,1287,1290],{},[800,1288,1289],{},"Simpler pages",": When you don't need custom data processing",[786,1292,1293,1296],{},[800,1294,1295],{},"Rapid prototyping",": Get up and running quickly",[786,1298,1299,1302],{},[800,1300,1301],{},"Standard layouts",": Common page structures that don't need extra logic",[786,1304,1305,1308],{},[800,1306,1307],{},"SEO pages",": The component automatically handles SEO metadata",[796,1310,1311,1314,1315,1318,1319,1322,1323,1326,1327,1330],{"icon":798},[800,1312,1313],{},"Auto-fetch",": The ",[96,1316,1317],{},"ContentstackModularBlocks"," component can fetch entry data automatically when you provide ",[96,1320,1321],{},"content-type-uid"," and ",[96,1324,1325],{},"url"," props. See the ",[812,1328,1329],{"href":42},"Components guide"," for all available options.",[80,1332,1334],{"id":1333},"creating-block-components","Creating Block Components",[76,1336,1337],{},"For the modular blocks examples above, create block components that match your Contentstack content types:",[88,1339,1342],{"className":90,"code":1340,"filename":1341,"language":93,"meta":94,"style":94},"\u003Cscript lang=\"ts\" setup>\ninterface Props {\n  title: string;\n  description?: string;\n  image?: {\n    url: string;\n    title: string;\n  };\n}\n\ndefineProps\u003CProps>();\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Csection class=\"block-item\">\n    \u003Ch2>{{ title }}\u003C\u002Fh2>\n    \u003Cp v-if=\"description\">{{ description }}\u003C\u002Fp>\n    \u003CNuxtImg\n      v-if=\"image\"\n      :src=\"image.url\"\n      :alt=\"image.title\"\n      provider=\"contentstack\"\n    \u002F>\n  \u003C\u002Fsection>\n\u003C\u002Ftemplate>\n","components\u002FBlockItem.vue",[96,1343,1344,1364,1374,1386,1397,1406,1417,1428,1433,1438,1442,1459,1467,1471,1479,1500,1517,1546,1552,1566,1579,1592,1604,1608,1616],{"__ignoreMap":94},[99,1345,1346,1348,1350,1352,1354,1356,1358,1360,1362],{"class":101,"line":102},[99,1347,106],{"class":105},[99,1349,110],{"class":109},[99,1351,114],{"class":113},[99,1353,117],{"class":105},[99,1355,120],{"class":105},[99,1357,124],{"class":123},[99,1359,120],{"class":105},[99,1361,129],{"class":113},[99,1363,132],{"class":105},[99,1365,1366,1369,1372],{"class":101,"line":135},[99,1367,1368],{"class":113},"interface",[99,1370,1371],{"class":208}," Props",[99,1373,509],{"class":105},[99,1375,1376,1379,1381,1384],{"class":101,"line":169},[99,1377,1378],{"class":109},"  title",[99,1380,187],{"class":105},[99,1382,1383],{"class":208}," string",[99,1385,166],{"class":105},[99,1387,1388,1391,1393,1395],{"class":101,"line":176},[99,1389,1390],{"class":109},"  description",[99,1392,517],{"class":105},[99,1394,1383],{"class":208},[99,1396,166],{"class":105},[99,1398,1399,1402,1404],{"class":101,"line":221},[99,1400,1401],{"class":109},"  image",[99,1403,517],{"class":105},[99,1405,509],{"class":105},[99,1407,1408,1411,1413,1415],{"class":101,"line":239},[99,1409,1410],{"class":109},"    url",[99,1412,187],{"class":105},[99,1414,1383],{"class":208},[99,1416,166],{"class":105},[99,1418,1419,1422,1424,1426],{"class":101,"line":256},[99,1420,1421],{"class":109},"    title",[99,1423,187],{"class":105},[99,1425,1383],{"class":208},[99,1427,166],{"class":105},[99,1429,1430],{"class":101,"line":266},[99,1431,1432],{"class":105},"  };\n",[99,1434,1435],{"class":101,"line":276},[99,1436,1437],{"class":105},"}\n",[99,1439,1440],{"class":101,"line":281},[99,1441,173],{"emptyLinePlaceholder":172},[99,1443,1444,1447,1449,1452,1454,1457],{"class":101,"line":291},[99,1445,1446],{"class":202},"defineProps",[99,1448,106],{"class":105},[99,1450,1451],{"class":208},"Props",[99,1453,212],{"class":105},[99,1455,1456],{"class":148},"()",[99,1458,166],{"class":105},[99,1460,1461,1463,1465],{"class":101,"line":302},[99,1462,269],{"class":105},[99,1464,110],{"class":109},[99,1466,132],{"class":105},[99,1468,1469],{"class":101,"line":322},[99,1470,173],{"emptyLinePlaceholder":172},[99,1472,1473,1475,1477],{"class":101,"line":340},[99,1474,106],{"class":105},[99,1476,286],{"class":109},[99,1478,132],{"class":105},[99,1480,1481,1483,1486,1489,1491,1493,1496,1498],{"class":101,"line":348},[99,1482,294],{"class":105},[99,1484,1485],{"class":109},"section",[99,1487,1488],{"class":113}," class",[99,1490,117],{"class":105},[99,1492,120],{"class":105},[99,1494,1495],{"class":123},"block-item",[99,1497,120],{"class":105},[99,1499,132],{"class":105},[99,1501,1502,1504,1506,1508,1511,1513,1515],{"class":101,"line":364},[99,1503,305],{"class":105},[99,1505,80],{"class":109},[99,1507,212],{"class":105},[99,1509,1510],{"class":148},"{{ title }}",[99,1512,269],{"class":105},[99,1514,80],{"class":109},[99,1516,132],{"class":105},[99,1518,1519,1521,1523,1526,1528,1530,1533,1535,1537,1540,1542,1544],{"class":101,"line":379},[99,1520,305],{"class":105},[99,1522,76],{"class":109},[99,1524,1525],{"class":113}," v-if",[99,1527,117],{"class":105},[99,1529,120],{"class":105},[99,1531,1532],{"class":123},"description",[99,1534,120],{"class":105},[99,1536,212],{"class":105},[99,1538,1539],{"class":148},"{{ description }}",[99,1541,269],{"class":105},[99,1543,76],{"class":109},[99,1545,132],{"class":105},[99,1547,1548,1550],{"class":101,"line":394},[99,1549,305],{"class":105},[99,1551,345],{"class":109},[99,1553,1554,1557,1559,1561,1564],{"class":101,"line":400},[99,1555,1556],{"class":113},"      v-if",[99,1558,117],{"class":105},[99,1560,120],{"class":105},[99,1562,1563],{"class":123},"image",[99,1565,361],{"class":105},[99,1567,1568,1570,1572,1574,1577],{"class":101,"line":410},[99,1569,351],{"class":113},[99,1571,117],{"class":105},[99,1573,120],{"class":105},[99,1575,1576],{"class":123},"image.url",[99,1578,361],{"class":105},[99,1580,1581,1583,1585,1587,1590],{"class":101,"line":727},[99,1582,367],{"class":113},[99,1584,117],{"class":105},[99,1586,120],{"class":105},[99,1588,1589],{"class":123},"image.title",[99,1591,361],{"class":105},[99,1593,1594,1596,1598,1600,1602],{"class":101,"line":740},[99,1595,382],{"class":113},[99,1597,117],{"class":105},[99,1599,120],{"class":105},[99,1601,389],{"class":123},[99,1603,361],{"class":105},[99,1605,1606],{"class":101,"line":753},[99,1607,397],{"class":105},[99,1609,1610,1612,1614],{"class":101,"line":758},[99,1611,403],{"class":105},[99,1613,1485],{"class":109},[99,1615,132],{"class":105},[99,1617,1618,1620,1622],{"class":101,"line":767},[99,1619,269],{"class":105},[99,1621,286],{"class":109},[99,1623,132],{"class":105},[80,1625,1627],{"id":1626},"next-steps","Next Steps",[76,1629,1630],{},"Now that you have the basics down, explore more advanced features:",[1632,1633,1640,1645],"div",{"className":1634},[1635,1636,1637,1638,1639],"grid","grid-cols-1","md:grid-cols-2","gap-4","mt-6",[1641,1642,1644],"card",{"icon":29,"title":1643,"to":27},"Configuration Guide","Learn about all configuration options and advanced settings.",[1641,1646,1648],{"icon":39,"title":1647,"to":37},"Composables Reference","Explore all available composables for fetching content.",[1632,1650,1653,1657],{"className":1651},[1635,1636,1637,1638,1652],"mt-4",[1641,1654,1656],{"icon":44,"title":1655,"to":42},"Components & Blocks","Learn more about ContentstackModularBlocks and building dynamic layouts.",[1641,1658,1659],{"icon":69,"title":66,"to":67},"Enable real-time content editing for your content team.",[1661,1662,1663],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .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":94,"searchDepth":135,"depth":135,"links":1665},[1666,1667,1670,1673,1676,1677],{"id":82,"depth":135,"text":83},{"id":419,"depth":135,"text":420,"children":1668},[1669],{"id":777,"depth":169,"text":778},{"id":818,"depth":135,"text":819,"children":1671},[1672],{"id":1075,"depth":169,"text":1076},{"id":1099,"depth":135,"text":1100,"children":1674},[1675],{"id":1281,"depth":169,"text":1282},{"id":1333,"depth":135,"text":1334},{"id":1626,"depth":135,"text":1627},"Get started quickly with Nuxt Contentstack using these practical examples covering basic usage, live preview, and modular blocks.","md",null,{},{"icon":24},{"title":21,"description":1678},"kmSZmkjT27gb21e69ezIBwzRTmrFHd-RnjXHJzN6aNI",[1686,1688],{"title":16,"path":17,"stem":18,"description":1687,"icon":19,"children":-1},"Learn how to install and set up Nuxt Contentstack in your project with step-by-step instructions and configuration options.",{"title":26,"path":27,"stem":28,"description":1689,"icon":29,"children":-1},"Complete guide to configuring Nuxt Contentstack with all available options, environment settings, and best practices.",1775639654835]