[{"data":1,"prerenderedAt":522},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-introduction":70,"-getting-started-introduction-surround":519},[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":11,"body":72,"description":512,"extension":513,"links":514,"meta":515,"navigation":516,"path":12,"seo":517,"stem":13,"__hash__":518},"docs\u002F1.getting-started\u002F2.introduction.md",{"type":73,"value":74,"toc":485},"minimark",[75,98,114,127,132,135,139,142,165,176,180,188,202,209,223,230,272,279,293,299,316,323,343,349,363,370,384,387,390,407,419,423,482],[76,77,78,79,83,84,91,92,97],"p",{},"Welcome to ",[80,81,82],"strong",{},"Nuxt Contentstack"," - a comprehensive and developer-friendly integration between the ",[85,86,90],"a",{"href":87,"rel":88},"https:\u002F\u002Fwww.contentstack.com",[89],"nofollow","Contentstack platform"," and ",[85,93,96],{"href":94,"rel":95},"https:\u002F\u002Fnuxt.com",[89],"Nuxt",".",[99,100,104,107,108,113],"callout",{"icon":101,"color":102,"title":103},"i-lucide-sparkles","primary","Free Developer Accounts",[80,105,106],{},"New to Contentstack?"," Get started with a free ",[85,109,112],{"href":110,"rel":111},"https:\u002F\u002Fwww.contentstack.com\u002Fexplorer",[89],"Contentstack Explorer account"," - perfect for development and testing! No credit card required.",[99,115,117,120,121,126],{"icon":116},"i-lucide-info",[80,118,119],{},"Community Module",": This is an open-source community project maintained by ",[85,122,125],{"href":123,"rel":124},"https:\u002F\u002Fgithub.com\u002Ftimbenniks",[89],"@timbenniks"," and not an officially maintained package by the Contentstack team. Support is provided through GitHub issues and community channels.",[128,129,131],"h2",{"id":130},"what-is-nuxt-contentstack","What is Nuxt Contentstack?",[76,133,134],{},"Nuxt Contentstack is a Nuxt module that provides a seamless, type-safe integration with Contentstack's platform. It offers a complete set of composables, utilities, and features that make building content-driven applications with Nuxt and Contentstack both powerful and enjoyable.",[128,136,138],{"id":137},"requirements","Requirements",[76,140,141],{},"This module requires:",[143,144,145,156],"ul",{},[146,147,148,150,151,155],"li",{},[80,149,96],{}," ",[152,153,154],"code",{},"3.20.1"," or higher (including Nuxt 4.x)",[146,157,158,150,161,164],{},[80,159,160],{},"@nuxt\u002Fimage",[152,162,163],{},"^2.0.0"," (only required for image provider functionality)",[99,166,167,169,170,172,173],{"icon":116},[80,168,160],{},": The module can run without ",[152,171,160],{},", but it's required if you want to use the Contentstack image provider for image optimization features. Install it with: ",[152,174,175],{},"npm install @nuxt\u002Fimage@^2.0.0",[128,177,179],{"id":178},"key-features","Key Features",[181,182,184,185],"h3",{"id":183},"easy-setup-configuration","🚀 ",[80,186,187],{},"Easy Setup & Configuration",[143,189,190,193,196,199],{},[146,191,192],{},"Simple, intuitive configuration API",[146,194,195],{},"Auto-detection of environment settings",[146,197,198],{},"Smart defaults that work out of the box",[146,200,201],{},"Comprehensive error handling and validation",[181,203,205,206],{"id":204},"complete-typescript-support","🔧 ",[80,207,208],{},"Complete TypeScript Support",[143,210,211,214,217,220],{},[146,212,213],{},"Full type safety for content models",[146,215,216],{},"Intelligent autocomplete and IntelliSense",[146,218,219],{},"Generated types for your content structures",[146,221,222],{},"Runtime type checking for development",[181,224,226,227],{"id":225},"rich-composables","📦 ",[80,228,229],{},"Rich Composables",[143,231,232,238,244,250,256,266],{},[146,233,234,237],{},[152,235,236],{},"useContentstack"," - Access the Contentstack SDK, Live Preview, and Personalize instances",[146,239,240,243],{},[152,241,242],{},"useGetEntry"," - Fetch single entries by UID",[146,245,246,249],{},[152,247,248],{},"useGetEntryByUrl"," - Query entries by URL field",[146,251,252,255],{},[152,253,254],{},"useGetEntries"," - Fetch multiple entries with filtering",[146,257,258,261,262,265],{},[152,259,260],{},"useGetAsset"," & ",[152,263,264],{},"useGetAssets"," - Asset management",[146,267,268,271],{},[152,269,270],{},"useImageTransform"," - Dynamic image transformations",[181,273,275,276],{"id":274},"live-preview-visual-builder","⚡ ",[80,277,278],{},"Live Preview & Visual Builder",[143,280,281,284,287,290],{},[146,282,283],{},"Real-time content editing experience",[146,285,286],{},"Visual Builder integration",[146,288,289],{},"Instant preview without page refreshes",[146,291,292],{},"Configurable edit buttons and tagging",[181,294,296,297],{"id":295},"image-optimization","🎨 ",[80,298,46],{},[143,300,301,307,310,313],{},[146,302,303,304,306],{},"Seamless ",[152,305,160],{}," integration",[146,308,309],{},"Contentstack Image Delivery API support",[146,311,312],{},"Responsive images with automatic optimization",[146,314,315],{},"Advanced transformation capabilities",[181,317,319,320],{"id":318},"vue-components","🧩 ",[80,321,322],{},"Vue Components",[143,324,325,331,334,337,340],{},[146,326,327,330],{},[152,328,329],{},"ContentstackModularBlocks"," - Flexible modular block rendering",[146,332,333],{},"Auto-fetch capability for dynamic page building",[146,335,336],{},"Built-in SEO metadata support with useSeoMeta integration",[146,338,339],{},"Live Preview integration with visual builder support",[146,341,342],{},"Fallback components for unmapped block types",[181,344,346,347],{"id":345},"personalization","🌐 ",[80,348,51],{},[143,350,351,354,357,360],{},[146,352,353],{},"Built-in Contentstack Personalize support",[146,355,356],{},"Easy attribute setting and event tracking",[146,358,359],{},"Variant-based content delivery",[146,361,362],{},"Real-time personalization",[181,364,366,367],{"id":365},"multi-region-localization","🌍 ",[80,368,369],{},"Multi-Region & Localization",[143,371,372,375,378,381],{},[146,373,374],{},"Support for all Contentstack regions",[146,376,377],{},"Comprehensive localization features",[146,379,380],{},"Fallback content handling",[146,382,383],{},"Multi-branch support",[128,385,5],{"id":386},"getting-started",[76,388,389],{},"Ready to dive in? Let's get you set up with Nuxt Contentstack:",[391,392,399,404],"div",{"className":393},[394,395,396,397,398],"grid","grid-cols-1","md:grid-cols-2","gap-4","mt-6",[400,401,403],"card",{"icon":19,"title":402,"to":17},"Quick Installation","Install and configure the module in your Nuxt project in just a few minutes.",[400,405,406],{"icon":24,"title":21,"to":22},"Get started quickly with practical examples you can copy and use right away.",[391,408,411,415],{"className":409},[394,395,396,397,410],"mt-4",[400,412,414],{"icon":29,"title":413,"to":27},"Configuration Guide","Learn about all configuration options and best practices for your setup.",[400,416,418],{"icon":44,"title":417,"to":42},"Components & Blocks","Learn about ContentstackModularBlocks and building dynamic page layouts.",[128,420,422],{"id":421},"need-help","Need Help?",[143,424,425,432,445,458,470],{},[146,426,427,428,431],{},"📖 ",[80,429,430],{},"Documentation",": You're reading it! Comprehensive guides and examples",[146,433,434,435,438,439,444],{},"🎓 ",[80,436,437],{},"Academy Courses",": Learn Contentstack fundamentals with ",[85,440,443],{"href":441,"rel":442},"https:\u002F\u002Fwww.contentstack.com\u002Facademy\u002Fexplore?filter=%5B%7B%22uid%22%3A%22developer%22%2C%22parentUid%22%3A%22audience%22%7D%5D",[89],"Contentstack Academy"," developer courses",[146,446,447,448,451,452,457],{},"🐛 ",[80,449,450],{},"Issues",": ",[85,453,456],{"href":454,"rel":455},"https:\u002F\u002Fgithub.com\u002Ftimbenniks\u002Fnuxt-contentstack\u002Fissues",[89],"GitHub Issues"," for bugs and feature requests",[146,459,460,461,451,464,469],{},"💬 ",[80,462,463],{},"Community",[85,465,468],{"href":466,"rel":467},"https:\u002F\u002Fcommunity.contentstack.com",[89],"Contentstack Discord"," for discussions",[146,471,472,473,476,477,481],{},"🐦 ",[80,474,475],{},"Updates",": Follow ",[85,478,125],{"href":479,"rel":480},"https:\u002F\u002Ftwitter.com\u002Ftimbenniks",[89]," for news and updates",[76,483,484],{},"Let's build something amazing with Nuxt and Contentstack! 🚀",{"title":486,"searchDepth":487,"depth":487,"links":488},"",2,[489,490,491,510,511],{"id":130,"depth":487,"text":131},{"id":137,"depth":487,"text":138},{"id":178,"depth":487,"text":179,"children":492},[493,496,498,500,502,504,506,508],{"id":183,"depth":494,"text":495},3,"🚀 Easy Setup & Configuration",{"id":204,"depth":494,"text":497},"🔧 Complete TypeScript Support",{"id":225,"depth":494,"text":499},"📦 Rich Composables",{"id":274,"depth":494,"text":501},"⚡ Live Preview & Visual Builder",{"id":295,"depth":494,"text":503},"🎨 Image Optimization",{"id":318,"depth":494,"text":505},"🧩 Vue Components",{"id":345,"depth":494,"text":507},"🌐 Personalization",{"id":365,"depth":494,"text":509},"🌍 Multi-Region & Localization",{"id":386,"depth":487,"text":5},{"id":421,"depth":487,"text":422},"Learn about Nuxt Contentstack, a powerful integration module that brings together Contentstack CMS and Nuxt framework for modern content-driven applications.","md",null,{},{"icon":14},{"title":11,"description":512},"JWcbhL2bbfxuITDJNDmxfTAKg3PMOrttsIA93ahuWlk",[514,520],{"title":16,"path":17,"stem":18,"description":521,"icon":19,"children":-1},"Learn how to install and set up Nuxt Contentstack in your project with step-by-step instructions and configuration options.",1775639653935]