[{"data":1,"prerenderedAt":1257},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-installation":70,"-getting-started-installation-surround":1252},[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":16,"body":72,"description":1245,"extension":1246,"links":1247,"meta":1248,"navigation":1249,"path":17,"seo":1250,"stem":18,"__hash__":1251},"docs\u002F1.getting-started\u002F3.installation.md",{"type":73,"value":74,"toc":1229},"minimark",[75,79,84,87,112,116,119,144,152,164,168,171,202,205,223,227,230,235,295,299,304,363,367,370,596,603,607,610,647,650,768,772,777,791,850,871,881,933,941,944,950,954,957,1140,1144,1147,1185,1188,1192,1195,1211,1222,1225],[76,77,78],"p",{},"Get up and running with Nuxt Contentstack in just a few minutes. This guide covers installation, basic configuration, and verification steps.",[80,81,83],"h2",{"id":82},"requirements","Requirements",[76,85,86],{},"This module requires:",[88,89,90,103],"ul",{},[91,92,93,97,98,102],"li",{},[94,95,96],"strong",{},"Nuxt"," ",[99,100,101],"code",{},"3.20.1"," or higher (including Nuxt 4.x)",[91,104,105,97,108,111],{},[94,106,107],{},"@nuxt\u002Fimage",[99,109,110],{},"^2.0.0"," (only required for image provider functionality)",[80,113,115],{"id":114},"prerequisites","Prerequisites",[76,117,118],{},"Before installing Nuxt Contentstack, ensure you have:",[88,120,121,130,137],{},[91,122,123,126,127],{},[94,124,125],{},"Nuxt 3.20.1+"," or ",[94,128,129],{},"Nuxt 4",[91,131,132,133,136],{},"A ",[94,134,135],{},"Contentstack account"," with a configured stack",[91,138,139,140,143],{},"Your Contentstack ",[94,141,142],{},"API credentials"," (API Key, Delivery Token, Environment)",[145,146,148,151],"callout",{"icon":147},"i-lucide-info",[94,149,150],{},"Nuxt Version",": This module requires Nuxt 3.20.1 or higher for optimal compatibility. For the best experience, we recommend using Nuxt 4.",[145,153,154,156,157,159,160,163],{"icon":147},[94,155,107],{},": The module can run without ",[99,158,107],{},", but it's required if you want to use the Contentstack image provider for image optimization features. Install it with: ",[99,161,162],{},"npm install @nuxt\u002Fimage@^2.0.0"," when you need image optimization.",[80,165,167],{"id":166},"quick-installation","Quick Installation",[76,169,170],{},"The fastest way to add Nuxt Contentstack to your project is using the Nuxt CLI:",[172,173,178],"pre",{"className":174,"code":175,"language":176,"meta":177,"style":177},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx nuxi module add nuxt-contentstack\n","bash","",[99,179,180],{"__ignoreMap":177},[181,182,185,189,193,196,199],"span",{"class":183,"line":184},"line",1,[181,186,188],{"class":187},"sBMFI","npx",[181,190,192],{"class":191},"sfazB"," nuxi",[181,194,195],{"class":191}," module",[181,197,198],{"class":191}," add",[181,200,201],{"class":191}," nuxt-contentstack\n",[76,203,204],{},"This command will:",[88,206,207,214,220],{},[91,208,209,210,213],{},"Install the ",[99,211,212],{},"nuxt-contentstack"," package",[91,215,216,217],{},"Add the module to your ",[99,218,219],{},"nuxt.config.ts",[91,221,222],{},"Set up basic configuration structure",[80,224,226],{"id":225},"manual-installation","Manual Installation",[76,228,229],{},"If you prefer manual installation or need more control:",[231,232,234],"h3",{"id":233},"_1-install-the-package","1. Install the Package",[236,237,238,253,267,281],"code-group",{},[172,239,242],{"className":174,"code":240,"filename":241,"language":176,"meta":177,"style":177},"npm install nuxt-contentstack\n","npm",[99,243,244],{"__ignoreMap":177},[181,245,246,248,251],{"class":183,"line":184},[181,247,241],{"class":187},[181,249,250],{"class":191}," install",[181,252,201],{"class":191},[172,254,257],{"className":174,"code":255,"filename":256,"language":176,"meta":177,"style":177},"yarn add nuxt-contentstack\n","yarn",[99,258,259],{"__ignoreMap":177},[181,260,261,263,265],{"class":183,"line":184},[181,262,256],{"class":187},[181,264,198],{"class":191},[181,266,201],{"class":191},[172,268,271],{"className":174,"code":269,"filename":270,"language":176,"meta":177,"style":177},"pnpm add nuxt-contentstack\n","pnpm",[99,272,273],{"__ignoreMap":177},[181,274,275,277,279],{"class":183,"line":184},[181,276,270],{"class":187},[181,278,198],{"class":191},[181,280,201],{"class":191},[172,282,285],{"className":174,"code":283,"filename":284,"language":176,"meta":177,"style":177},"bun add nuxt-contentstack\n","bun",[99,286,287],{"__ignoreMap":177},[181,288,289,291,293],{"class":183,"line":184},[181,290,284],{"class":187},[181,292,198],{"class":191},[181,294,201],{"class":191},[231,296,298],{"id":297},"_2-add-to-nuxt-configuration","2. Add to Nuxt Configuration",[76,300,216,301,303],{},[99,302,219],{},":",[172,305,309],{"className":306,"code":307,"filename":219,"language":308,"meta":177,"style":177},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['nuxt-contentstack']\n})\n","ts",[99,310,311,332,354],{"__ignoreMap":177},[181,312,313,317,320,324,328],{"class":183,"line":184},[181,314,316],{"class":315},"s7zQu","export",[181,318,319],{"class":315}," default",[181,321,323],{"class":322},"s2Zo4"," defineNuxtConfig",[181,325,327],{"class":326},"sTEyZ","(",[181,329,331],{"class":330},"sMK4o","{\n",[181,333,335,339,341,344,347,349,351],{"class":183,"line":334},2,[181,336,338],{"class":337},"swJcz","  modules",[181,340,303],{"class":330},[181,342,343],{"class":326}," [",[181,345,346],{"class":330},"'",[181,348,212],{"class":191},[181,350,346],{"class":330},[181,352,353],{"class":326},"]\n",[181,355,357,360],{"class":183,"line":356},3,[181,358,359],{"class":330},"}",[181,361,362],{"class":326},")\n",[80,364,366],{"id":365},"basic-configuration","Basic Configuration",[76,368,369],{},"After installation, configure the module with your Contentstack credentials:",[172,371,373],{"className":306,"code":372,"filename":219,"language":308,"meta":177,"style":177},"export default defineNuxtConfig({\n  modules: ['nuxt-contentstack'],\n  \n  'nuxt-contentstack': {\n    \u002F\u002F Required: Core Contentstack settings\n    apiKey: 'your_contentstack_api_key',\n    deliveryToken: 'your_delivery_token',\n    environment: 'production',\n    \n    \u002F\u002F Optional: yet important\n    region: 'eu',       \u002F\u002F 'us' | 'eu' | 'au' | 'azure-na' | 'azure-eu' | 'gcp-na' | 'gcp-eu'\n    branch: 'main',     \u002F\u002F Content branch (main is the default)\n    locale: 'en-us',    \u002F\u002F Default locale (en-us is the default)\n    \u002F\u002F host: '',        \u002F\u002F Custom API host (overrides region-based URL)\n    debug: false        \u002F\u002F Enable debug logging\n  }\n})\n",[99,374,375,387,407,412,427,434,452,469,486,492,498,519,539,559,568,583,589],{"__ignoreMap":177},[181,376,377,379,381,383,385],{"class":183,"line":184},[181,378,316],{"class":315},[181,380,319],{"class":315},[181,382,323],{"class":322},[181,384,327],{"class":326},[181,386,331],{"class":330},[181,388,389,391,393,395,397,399,401,404],{"class":183,"line":334},[181,390,338],{"class":337},[181,392,303],{"class":330},[181,394,343],{"class":326},[181,396,346],{"class":330},[181,398,212],{"class":191},[181,400,346],{"class":330},[181,402,403],{"class":326},"]",[181,405,406],{"class":330},",\n",[181,408,409],{"class":183,"line":356},[181,410,411],{"class":326},"  \n",[181,413,415,418,420,422,424],{"class":183,"line":414},4,[181,416,417],{"class":330},"  '",[181,419,212],{"class":337},[181,421,346],{"class":330},[181,423,303],{"class":330},[181,425,426],{"class":330}," {\n",[181,428,430],{"class":183,"line":429},5,[181,431,433],{"class":432},"sHwdD","    \u002F\u002F Required: Core Contentstack settings\n",[181,435,437,440,442,445,448,450],{"class":183,"line":436},6,[181,438,439],{"class":337},"    apiKey",[181,441,303],{"class":330},[181,443,444],{"class":330}," '",[181,446,447],{"class":191},"your_contentstack_api_key",[181,449,346],{"class":330},[181,451,406],{"class":330},[181,453,455,458,460,462,465,467],{"class":183,"line":454},7,[181,456,457],{"class":337},"    deliveryToken",[181,459,303],{"class":330},[181,461,444],{"class":330},[181,463,464],{"class":191},"your_delivery_token",[181,466,346],{"class":330},[181,468,406],{"class":330},[181,470,472,475,477,479,482,484],{"class":183,"line":471},8,[181,473,474],{"class":337},"    environment",[181,476,303],{"class":330},[181,478,444],{"class":330},[181,480,481],{"class":191},"production",[181,483,346],{"class":330},[181,485,406],{"class":330},[181,487,489],{"class":183,"line":488},9,[181,490,491],{"class":326},"    \n",[181,493,495],{"class":183,"line":494},10,[181,496,497],{"class":432},"    \u002F\u002F Optional: yet important\n",[181,499,501,504,506,508,511,513,516],{"class":183,"line":500},11,[181,502,503],{"class":337},"    region",[181,505,303],{"class":330},[181,507,444],{"class":330},[181,509,510],{"class":191},"eu",[181,512,346],{"class":330},[181,514,515],{"class":330},",",[181,517,518],{"class":432},"       \u002F\u002F 'us' | 'eu' | 'au' | 'azure-na' | 'azure-eu' | 'gcp-na' | 'gcp-eu'\n",[181,520,522,525,527,529,532,534,536],{"class":183,"line":521},12,[181,523,524],{"class":337},"    branch",[181,526,303],{"class":330},[181,528,444],{"class":330},[181,530,531],{"class":191},"main",[181,533,346],{"class":330},[181,535,515],{"class":330},[181,537,538],{"class":432},"     \u002F\u002F Content branch (main is the default)\n",[181,540,542,545,547,549,552,554,556],{"class":183,"line":541},13,[181,543,544],{"class":337},"    locale",[181,546,303],{"class":330},[181,548,444],{"class":330},[181,550,551],{"class":191},"en-us",[181,553,346],{"class":330},[181,555,515],{"class":330},[181,557,558],{"class":432},"    \u002F\u002F Default locale (en-us is the default)\n",[181,560,562,565],{"class":183,"line":561},14,[181,563,564],{"class":432},"    \u002F\u002F host: '',",[181,566,567],{"class":432},"        \u002F\u002F Custom API host (overrides region-based URL)\n",[181,569,571,574,576,580],{"class":183,"line":570},15,[181,572,573],{"class":337},"    debug",[181,575,303],{"class":330},[181,577,579],{"class":578},"sfNiH"," false",[181,581,582],{"class":432},"        \u002F\u002F Enable debug logging\n",[181,584,586],{"class":183,"line":585},16,[181,587,588],{"class":330},"  }\n",[181,590,592,594],{"class":183,"line":591},17,[181,593,359],{"class":330},[181,595,362],{"class":326},[145,597,599,602],{"icon":598},"i-lucide-key",[94,600,601],{},"API Credentials",": You can find your API Key, Delivery Token, and Environment in your Contentstack stack settings under \"Settings\" → \"Tokens\".",[80,604,606],{"id":605},"environment-variables","Environment Variables",[76,608,609],{},"For security, it's recommended to use environment variables for sensitive credentials:",[172,611,614],{"className":174,"code":612,"filename":613,"language":176,"meta":177,"style":177},"NUXT_CONTENTSTACK_API_KEY=your_api_key_here\nNUXT_CONTENTSTACK_DELIVERY_TOKEN=your_delivery_token_here\nNUXT_CONTENTSTACK_ENVIRONMENT=production\n",".env",[99,615,616,627,637],{"__ignoreMap":177},[181,617,618,621,624],{"class":183,"line":184},[181,619,620],{"class":326},"NUXT_CONTENTSTACK_API_KEY",[181,622,623],{"class":330},"=",[181,625,626],{"class":191},"your_api_key_here\n",[181,628,629,632,634],{"class":183,"line":334},[181,630,631],{"class":326},"NUXT_CONTENTSTACK_DELIVERY_TOKEN",[181,633,623],{"class":330},[181,635,636],{"class":191},"your_delivery_token_here\n",[181,638,639,642,644],{"class":183,"line":356},[181,640,641],{"class":326},"NUXT_CONTENTSTACK_ENVIRONMENT",[181,643,623],{"class":330},[181,645,646],{"class":191},"production\n",[76,648,649],{},"Then reference them in your configuration:",[172,651,653],{"className":306,"code":652,"filename":219,"language":308,"meta":177,"style":177},"export default defineNuxtConfig({\n  modules: ['nuxt-contentstack'],\n  \n  'nuxt-contentstack': {\n    apiKey: process.env.NUXT_CONTENTSTACK_API_KEY,\n    deliveryToken: process.env.NUXT_CONTENTSTACK_DELIVERY_TOKEN,\n    environment: process.env.NUXT_CONTENTSTACK_ENVIRONMENT,\n  }\n})\n",[99,654,655,667,685,689,701,722,740,758,762],{"__ignoreMap":177},[181,656,657,659,661,663,665],{"class":183,"line":184},[181,658,316],{"class":315},[181,660,319],{"class":315},[181,662,323],{"class":322},[181,664,327],{"class":326},[181,666,331],{"class":330},[181,668,669,671,673,675,677,679,681,683],{"class":183,"line":334},[181,670,338],{"class":337},[181,672,303],{"class":330},[181,674,343],{"class":326},[181,676,346],{"class":330},[181,678,212],{"class":191},[181,680,346],{"class":330},[181,682,403],{"class":326},[181,684,406],{"class":330},[181,686,687],{"class":183,"line":356},[181,688,411],{"class":326},[181,690,691,693,695,697,699],{"class":183,"line":414},[181,692,417],{"class":330},[181,694,212],{"class":337},[181,696,346],{"class":330},[181,698,303],{"class":330},[181,700,426],{"class":330},[181,702,703,705,707,710,713,716,718,720],{"class":183,"line":429},[181,704,439],{"class":337},[181,706,303],{"class":330},[181,708,709],{"class":326}," process",[181,711,712],{"class":330},".",[181,714,715],{"class":326},"env",[181,717,712],{"class":330},[181,719,620],{"class":326},[181,721,406],{"class":330},[181,723,724,726,728,730,732,734,736,738],{"class":183,"line":436},[181,725,457],{"class":337},[181,727,303],{"class":330},[181,729,709],{"class":326},[181,731,712],{"class":330},[181,733,715],{"class":326},[181,735,712],{"class":330},[181,737,631],{"class":326},[181,739,406],{"class":330},[181,741,742,744,746,748,750,752,754,756],{"class":183,"line":454},[181,743,474],{"class":337},[181,745,303],{"class":330},[181,747,709],{"class":326},[181,749,712],{"class":330},[181,751,715],{"class":326},[181,753,712],{"class":330},[181,755,641],{"class":326},[181,757,406],{"class":330},[181,759,760],{"class":183,"line":471},[181,761,588],{"class":330},[181,763,764,766],{"class":183,"line":488},[181,765,359],{"class":330},[181,767,362],{"class":326},[80,769,771],{"id":770},"nuxtimage-configuration-optional","@nuxt\u002Fimage Configuration (Optional)",[76,773,774,775,303],{},"If you want to use Contentstack's image optimization features, install and configure ",[99,776,107],{},[172,778,780],{"className":174,"code":779,"language":176,"meta":177,"style":177},"npm install @nuxt\u002Fimage@^2.0.0\n",[99,781,782],{"__ignoreMap":177},[181,783,784,786,788],{"class":183,"line":184},[181,785,241],{"class":187},[181,787,250],{"class":191},[181,789,790],{"class":191}," @nuxt\u002Fimage@^2.0.0\n",[172,792,794],{"className":306,"code":793,"filename":219,"language":308,"meta":177,"style":177},"export default defineNuxtConfig({\n  modules: [\n    'nuxt-contentstack',\n    '@nuxt\u002Fimage' \u002F\u002F Only needed for image optimization\n  ]\n})\n",[99,795,796,808,817,828,839,844],{"__ignoreMap":177},[181,797,798,800,802,804,806],{"class":183,"line":184},[181,799,316],{"class":315},[181,801,319],{"class":315},[181,803,323],{"class":322},[181,805,327],{"class":326},[181,807,331],{"class":330},[181,809,810,812,814],{"class":183,"line":334},[181,811,338],{"class":337},[181,813,303],{"class":330},[181,815,816],{"class":326}," [\n",[181,818,819,822,824,826],{"class":183,"line":356},[181,820,821],{"class":330},"    '",[181,823,212],{"class":191},[181,825,346],{"class":330},[181,827,406],{"class":330},[181,829,830,832,834,836],{"class":183,"line":414},[181,831,821],{"class":330},[181,833,107],{"class":191},[181,835,346],{"class":330},[181,837,838],{"class":432}," \u002F\u002F Only needed for image optimization\n",[181,840,841],{"class":183,"line":429},[181,842,843],{"class":326},"  ]\n",[181,845,846,848],{"class":183,"line":436},[181,847,359],{"class":330},[181,849,362],{"class":326},[145,851,852,855,856,858,859,862,863,866,867,870],{"icon":147},[94,853,854],{},"Auto-registration",": When ",[99,857,107],{}," is installed, the module automatically registers the Contentstack image provider. No manual provider configuration is needed. Just use ",[99,860,861],{},"provider=\"contentstack\""," on your ",[99,864,865],{},"\u003CNuxtImg>"," and ",[99,868,869],{},"\u003CNuxtPicture>"," components.",[76,872,873,874,877,878,880],{},"If you want to set Contentstack as the ",[94,875,876],{},"default"," image provider (so you don't need ",[99,879,861],{}," on every component), add this:",[172,882,884],{"className":306,"code":883,"filename":219,"language":308,"meta":177,"style":177},"export default defineNuxtConfig({\n  image: {\n    provider: \"contentstack\"\n  }\n})\n",[99,885,886,898,907,923,927],{"__ignoreMap":177},[181,887,888,890,892,894,896],{"class":183,"line":184},[181,889,316],{"class":315},[181,891,319],{"class":315},[181,893,323],{"class":322},[181,895,327],{"class":326},[181,897,331],{"class":330},[181,899,900,903,905],{"class":183,"line":334},[181,901,902],{"class":337},"  image",[181,904,303],{"class":330},[181,906,426],{"class":330},[181,908,909,912,914,917,920],{"class":183,"line":356},[181,910,911],{"class":337},"    provider",[181,913,303],{"class":330},[181,915,916],{"class":330}," \"",[181,918,919],{"class":191},"contentstack",[181,921,922],{"class":330},"\"\n",[181,924,925],{"class":183,"line":414},[181,926,588],{"class":330},[181,928,929,931],{"class":183,"line":429},[181,930,359],{"class":330},[181,932,362],{"class":326},[172,934,939],{"className":935,"code":937,"language":938},[936],"language-text","\n## Verification\n\nAfter installation and configuration, verify everything is working:\n\n### 1. Check Module Loading\n\nStart your development server:\n\n```bash\nnpm run dev\n","text",[99,940,937],{"__ignoreMap":177},[76,942,943],{},"Look for Contentstack initialization messages in the console:",[172,945,948],{"className":946,"code":947,"language":938},[936],"✅ Contentstack region: your region\n✅ Contentstack branch: your branch\n",[99,949,947],{"__ignoreMap":177},[231,951,953],{"id":952},"_2-test-basic-query","2. Test Basic Query",[76,955,956],{},"Create a simple page to test the connection:",[172,958,963],{"className":959,"code":960,"filename":961,"language":962,"meta":177,"style":177},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\n\u002F\u002F Test basic connection\nconst { data: entries } = await useGetEntries({\n  contentTypeUid: 'your_content_type_uid', \u002F\u002F page\n  limit: 1\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Ch1>Contentstack Test\u003C\u002Fh1>\n    \u003Cpre>{{ entries }}\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","pages\u002Ftest.vue","vue",[99,964,965,980,985,1016,1035,1046,1052,1061,1067,1076,1086,1106,1123,1132],{"__ignoreMap":177},[181,966,967,970,973,977],{"class":183,"line":184},[181,968,969],{"class":330},"\u003C",[181,971,972],{"class":337},"script",[181,974,976],{"class":975},"spNyl"," setup",[181,978,979],{"class":330},">\n",[181,981,982],{"class":183,"line":334},[181,983,984],{"class":432},"\u002F\u002F Test basic connection\n",[181,986,987,990,993,996,998,1001,1003,1006,1009,1012,1014],{"class":183,"line":356},[181,988,989],{"class":975},"const",[181,991,992],{"class":330}," {",[181,994,995],{"class":337}," data",[181,997,303],{"class":330},[181,999,1000],{"class":326}," entries ",[181,1002,359],{"class":330},[181,1004,1005],{"class":330}," =",[181,1007,1008],{"class":315}," await",[181,1010,1011],{"class":322}," useGetEntries",[181,1013,327],{"class":326},[181,1015,331],{"class":330},[181,1017,1018,1021,1023,1025,1028,1030,1032],{"class":183,"line":414},[181,1019,1020],{"class":337},"  contentTypeUid",[181,1022,303],{"class":330},[181,1024,444],{"class":330},[181,1026,1027],{"class":191},"your_content_type_uid",[181,1029,346],{"class":330},[181,1031,515],{"class":330},[181,1033,1034],{"class":432}," \u002F\u002F page\n",[181,1036,1037,1040,1042],{"class":183,"line":429},[181,1038,1039],{"class":337},"  limit",[181,1041,303],{"class":330},[181,1043,1045],{"class":1044},"sbssI"," 1\n",[181,1047,1048,1050],{"class":183,"line":436},[181,1049,359],{"class":330},[181,1051,362],{"class":326},[181,1053,1054,1057,1059],{"class":183,"line":454},[181,1055,1056],{"class":330},"\u003C\u002F",[181,1058,972],{"class":337},[181,1060,979],{"class":330},[181,1062,1063],{"class":183,"line":471},[181,1064,1066],{"emptyLinePlaceholder":1065},true,"\n",[181,1068,1069,1071,1074],{"class":183,"line":488},[181,1070,969],{"class":330},[181,1072,1073],{"class":337},"template",[181,1075,979],{"class":330},[181,1077,1078,1081,1084],{"class":183,"line":494},[181,1079,1080],{"class":330},"  \u003C",[181,1082,1083],{"class":337},"div",[181,1085,979],{"class":330},[181,1087,1088,1091,1094,1097,1100,1102,1104],{"class":183,"line":500},[181,1089,1090],{"class":330},"    \u003C",[181,1092,1093],{"class":337},"h1",[181,1095,1096],{"class":330},">",[181,1098,1099],{"class":326},"Contentstack Test",[181,1101,1056],{"class":330},[181,1103,1093],{"class":337},[181,1105,979],{"class":330},[181,1107,1108,1110,1112,1114,1117,1119,1121],{"class":183,"line":521},[181,1109,1090],{"class":330},[181,1111,172],{"class":337},[181,1113,1096],{"class":330},[181,1115,1116],{"class":326},"{{ entries }}",[181,1118,1056],{"class":330},[181,1120,172],{"class":337},[181,1122,979],{"class":330},[181,1124,1125,1128,1130],{"class":183,"line":541},[181,1126,1127],{"class":330},"  \u003C\u002F",[181,1129,1083],{"class":337},[181,1131,979],{"class":330},[181,1133,1134,1136,1138],{"class":183,"line":561},[181,1135,1056],{"class":330},[181,1137,1073],{"class":337},[181,1139,979],{"class":330},[231,1141,1143],{"id":1142},"_3-debug-mode","3. Debug Mode",[76,1145,1146],{},"Enable debug mode for detailed logging:",[172,1148,1150],{"className":306,"code":1149,"filename":219,"language":308,"meta":177,"style":177},"'nuxt-contentstack': {\n  \u002F\u002F ... other config\n  debug: true\n}\n",[99,1151,1152,1165,1170,1180],{"__ignoreMap":177},[181,1153,1154,1156,1158,1160,1163],{"class":183,"line":184},[181,1155,346],{"class":330},[181,1157,212],{"class":191},[181,1159,346],{"class":330},[181,1161,1162],{"class":326},": ",[181,1164,331],{"class":330},[181,1166,1167],{"class":183,"line":334},[181,1168,1169],{"class":432},"  \u002F\u002F ... other config\n",[181,1171,1172,1175,1177],{"class":183,"line":356},[181,1173,1174],{"class":337},"  debug",[181,1176,303],{"class":330},[181,1178,1179],{"class":578}," true\n",[181,1181,1182],{"class":183,"line":414},[181,1183,1184],{"class":330},"}\n",[76,1186,1187],{},"This will output detailed configuration and request information to help diagnose issues.",[80,1189,1191],{"id":1190},"next-steps","Next Steps",[76,1193,1194],{},"Now that you have Nuxt Contentstack installed and configured:",[1083,1196,1203,1207],{"className":1197},[1198,1199,1200,1201,1202],"grid","grid-cols-1","md:grid-cols-2","gap-4","mt-6",[1204,1205,1206],"card",{"icon":24,"title":21,"to":22},"Get started quickly with practical examples you can copy and use right away.",[1204,1208,1210],{"icon":29,"title":1209,"to":27},"Configuration Guide","Learn about all available configuration options and advanced settings.",[1083,1212,1215,1219],{"className":1213},[1198,1199,1200,1201,1214],"mt-4",[1204,1216,1218],{"icon":39,"title":1217,"to":37},"Composables Reference","Explore all available composables for fetching content.",[1204,1220,1221],{"icon":69,"title":66,"to":67},"Enable real-time content editing for your content team.",[76,1223,1224],{},"Happy coding with Nuxt Contentstack! 🚀",[1226,1227,1228],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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 .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 pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":177,"searchDepth":334,"depth":334,"links":1230},[1231,1232,1233,1234,1238,1239,1240,1244],{"id":82,"depth":334,"text":83},{"id":114,"depth":334,"text":115},{"id":166,"depth":334,"text":167},{"id":225,"depth":334,"text":226,"children":1235},[1236,1237],{"id":233,"depth":356,"text":234},{"id":297,"depth":356,"text":298},{"id":365,"depth":334,"text":366},{"id":605,"depth":334,"text":606},{"id":770,"depth":334,"text":771,"children":1241},[1242,1243],{"id":952,"depth":356,"text":953},{"id":1142,"depth":356,"text":1143},{"id":1190,"depth":334,"text":1191},"Learn how to install and set up Nuxt Contentstack in your project with step-by-step instructions and configuration options.","md",null,{},{"icon":19},{"title":16,"description":1245},"blKOOAXkYYhXxSqt75ynfeoocUIsgluKStmHxv_4Fzk",[1253,1255],{"title":11,"path":12,"stem":13,"description":1254,"icon":14,"children":-1},"Learn about Nuxt Contentstack, a powerful integration module that brings together Contentstack CMS and Nuxt framework for modern content-driven applications.",{"title":21,"path":22,"stem":23,"description":1256,"icon":24,"children":-1},"Get started quickly with Nuxt Contentstack using these practical examples covering basic usage, live preview, and modular blocks.",1775639654835]