[{"data":1,"prerenderedAt":734},["ShallowReactive",2],{"navigation_docs":3,"-ai":49,"-ai-surround":729},[4,9,14,19,24,29,34,39,44],{"title":5,"path":6,"stem":7,"icon":8},"Introduction","\u002Fintroduction","1.introduction","i-lucide-monitor",{"title":10,"path":11,"stem":12,"icon":13},"Setup","\u002Fsetup","2.setup","i-lucide-play",{"title":15,"path":16,"stem":17,"icon":18},"Git Providers","\u002Fgit-providers","3.git-providers","i-lucide-git-branch",{"title":20,"path":21,"stem":22,"icon":23},"Auth Providers","\u002Fauth-providers","4.auth-providers","i-lucide-shield-check",{"title":25,"path":26,"stem":27,"icon":28},"Content Editors","\u002Fcontent","5.content","i-lucide-pen-tool",{"title":30,"path":31,"stem":32,"icon":33},"Media Library","\u002Fmedias","6.medias","i-lucide-image",{"title":35,"path":36,"stem":37,"icon":38},"AI Features","\u002Fai","7.ai","i-lucide-sparkles",{"title":40,"path":41,"stem":42,"icon":43},"Roadmap","\u002Froadmap","8.roadmap","i-lucide-map",{"title":45,"path":46,"stem":47,"icon":48},"Advanced","\u002Fadvanced","9.advanced","i-lucide-settings",{"id":50,"title":51,"body":52,"description":720,"extension":721,"links":722,"meta":723,"navigation":724,"path":36,"seo":725,"stem":37,"__hash__":728},"docs\u002F7.ai.md","AI-Powered Content Assistance in Nuxt Studio",{"type":53,"value":54,"toc":701},"minimark",[55,59,64,69,74,79,82,122,126,134,160,164,171,327,331,335,338,342,394,398,401,405,431,435,468,471,474,488,492,495,498,502,522,526,529,606,609,642,646,657,661,668,694,697],[56,57,58],"p",{},"Nuxt Studio integrates AI-powered content assistance using models via Vercel AI Gateway. These features help you write, improve, and transform content faster with intelligent suggestions and transformations.",[60,61],"video",{":autoplay":62,":controls":62,":loop":62,"src":63},"true","https:\u002F\u002Fres.cloudinary.com\u002Fnuxt\u002Fvideo\u002Fupload\u002Fv1770661582\u002Fstudio\u002Fstudio-ai_bsmqs6.mp4",[65,66,68],"note",{"type":67},"info","AI features are optional and require a Vercel AI Gateway API key. Vercel provides $5 in free credits, which is typically sufficient for most editing scenarios over several days.",[70,71,73],"h2",{"id":72},"configuration","Configuration",[75,76,78],"h3",{"id":77},"vercel-ai-gateway-setup","Vercel AI Gateway Setup",[56,80,81],{},"Vercel AI Gateway provides a unified API for accessing AI models with built-in caching, rate limiting, and analytics.",[83,84,86,91,102,106,115,119],"steps",{"level":85},"4",[87,88,90],"h4",{"id":89},"create-a-vercel-account","Create a Vercel Account",[56,92,93,94,101],{},"Sign up at ",[95,96,100],"a",{"href":97,"rel":98},"https:\u002F\u002Fvercel.com",[99],"nofollow","vercel.com"," if you don't have an account.",[87,103,105],{"id":104},"access-ai-gateway","Access AI Gateway",[56,107,108,109,114],{},"Navigate to your ",[95,110,113],{"href":111,"rel":112},"https:\u002F\u002Fvercel.com\u002Fai-gateway",[99],"Vercel AI Gateway Dashboard"," in your account settings.",[87,116,118],{"id":117},"create-an-api-key","Create an API Key",[56,120,121],{},"Generate a new API key from the AI Gateway dashboard.",[75,123,125],{"id":124},"set-environment-variable","Set Environment Variable",[56,127,128,129,133],{},"To enable AI-powered editing in Studio, simply set the ",[130,131,132],"code",{},"AI_GATEWAY_API_KEY"," environment variable.",[135,136,142],"pre",{"className":137,"code":138,"filename":139,"language":140,"meta":141,"style":141},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","AI_GATEWAY_API_KEY=your_vercel_ai_gateway_api_key\n",".env","bash","",[130,143,144],{"__ignoreMap":141},[145,146,149,152,156],"span",{"class":147,"line":148},"line",1,[145,150,132],{"class":151},"sTEyZ",[145,153,155],{"class":154},"sMK4o","=",[145,157,159],{"class":158},"sfazB","your_vercel_ai_gateway_api_key\n",[75,161,163],{"id":162},"contextualization","Contextualization",[56,165,166,167,170],{},"You can then configure AI behavior in your ",[130,168,169],{},"nuxt.config.ts"," file to provide contextual guidance and ensure the AI output aligns with your preferred writing style.",[135,172,176],{"className":173,"code":174,"filename":169,"language":175,"meta":141,"style":141},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  studio: {\n    ai: {\n      context: {\n        title: 'My Awesome Blog',\n        description: 'A technical blog about web development',\n        style: 'Technical and detailed, with practical examples',\n        tone: 'Professional yet approachable'\n      }\n    }\n  }\n})\n","ts",[130,177,178,197,210,220,230,250,267,284,300,306,312,318],{"__ignoreMap":141},[145,179,180,184,187,191,194],{"class":147,"line":148},[145,181,183],{"class":182},"s7zQu","export",[145,185,186],{"class":182}," default",[145,188,190],{"class":189},"s2Zo4"," defineNuxtConfig",[145,192,193],{"class":151},"(",[145,195,196],{"class":154},"{\n",[145,198,200,204,207],{"class":147,"line":199},2,[145,201,203],{"class":202},"swJcz","  studio",[145,205,206],{"class":154},":",[145,208,209],{"class":154}," {\n",[145,211,213,216,218],{"class":147,"line":212},3,[145,214,215],{"class":202},"    ai",[145,217,206],{"class":154},[145,219,209],{"class":154},[145,221,223,226,228],{"class":147,"line":222},4,[145,224,225],{"class":202},"      context",[145,227,206],{"class":154},[145,229,209],{"class":154},[145,231,233,236,238,241,244,247],{"class":147,"line":232},5,[145,234,235],{"class":202},"        title",[145,237,206],{"class":154},[145,239,240],{"class":154}," '",[145,242,243],{"class":158},"My Awesome Blog",[145,245,246],{"class":154},"'",[145,248,249],{"class":154},",\n",[145,251,253,256,258,260,263,265],{"class":147,"line":252},6,[145,254,255],{"class":202},"        description",[145,257,206],{"class":154},[145,259,240],{"class":154},[145,261,262],{"class":158},"A technical blog about web development",[145,264,246],{"class":154},[145,266,249],{"class":154},[145,268,270,273,275,277,280,282],{"class":147,"line":269},7,[145,271,272],{"class":202},"        style",[145,274,206],{"class":154},[145,276,240],{"class":154},[145,278,279],{"class":158},"Technical and detailed, with practical examples",[145,281,246],{"class":154},[145,283,249],{"class":154},[145,285,287,290,292,294,297],{"class":147,"line":286},8,[145,288,289],{"class":202},"        tone",[145,291,206],{"class":154},[145,293,240],{"class":154},[145,295,296],{"class":158},"Professional yet approachable",[145,298,299],{"class":154},"'\n",[145,301,303],{"class":147,"line":302},9,[145,304,305],{"class":154},"      }\n",[145,307,309],{"class":147,"line":308},10,[145,310,311],{"class":154},"    }\n",[145,313,315],{"class":147,"line":314},11,[145,316,317],{"class":154},"  }\n",[145,319,321,324],{"class":147,"line":320},12,[145,322,323],{"class":154},"}",[145,325,326],{"class":151},")\n",[70,328,330],{"id":329},"features","Features",[75,332,334],{"id":333},"ai-completion","AI Completion",[56,336,337],{},"AI Completion provides intelligent text suggestions as you type in the TipTap visual editor.",[87,339,341],{"id":340},"how-it-works","How It Works",[343,344,345,353,363,372,381,388],"ul",{},[346,347,348,352],"li",{},[349,350,351],"strong",{},"Auto-triggers"," after 500ms when you stop typing",[346,354,355,358,359,362],{},[349,356,357],{},"Manual trigger",": Press ",[130,360,361],{},"Cmd\u002FCtrl+J"," to request a suggestion anytime",[346,364,365,358,368,371],{},[349,366,367],{},"Accept",[130,369,370],{},"Tab"," to insert the suggestion",[346,373,374,358,377,380],{},[349,375,376],{},"Dismiss",[130,378,379],{},"Escape"," or continue typing to ignore",[346,382,383,384,387],{},"Powered by ",[349,385,386],{},"Claude Haiku 4.5"," for fast responses (~300-500ms)",[346,389,390,393],{},[349,391,392],{},"Toggle On\u002FOff:"," Click the sparkles ✨ button in the footer toolbar to enable\u002Fdisable AI completion",[75,395,397],{"id":396},"ai-transform","AI Transform",[56,399,400],{},"Transform selected text with AI-powered improvements, fixes, translations, and simplifications.",[87,402,404],{"id":403},"available-modes","Available Modes",[343,406,407,413,419,425],{},[346,408,409,412],{},[349,410,411],{},"Fix",": Correct grammar and spelling errors",[346,414,415,418],{},[349,416,417],{},"Improve",": Enhance clarity, engagement, and readability",[346,420,421,424],{},[349,422,423],{},"Simplify",": Use simpler words and shorter sentences",[346,426,427,430],{},[349,428,429],{},"Translate",": Translate to another language (language input selection)",[87,432,434],{"id":433},"how-it-works-1","How it works",[343,436,437,443,449,455,461],{},[346,438,439,442],{},[349,440,441],{},"Trigger"," the AI Transform tool from the content editor toolbar",[346,444,445,448],{},[349,446,447],{},"Select"," a mode from the dropdown menu",[346,450,451,454],{},[349,452,453],{},"Review"," the proposed changes in the preview pane before applying them.",[346,456,457,460],{},[349,458,459],{},"Accept or decline"," the AI proposition ",[346,462,463,464,467],{},"Powered by ",[349,465,466],{},"Claude Sonnet 4.5"," for high-quality results",[75,469,163],{"id":470},"contextualization-1",[56,472,473],{},"For both completion and transform features, the AI system is contextualized and enriched to deliver more accurate and relevant suggestions:",[343,475,476,482],{},[346,477,478,481],{},[349,479,480],{},"Context-aware :"," The system considers surrounding content and cursor position to provide intelligent recommendations.",[346,483,484,487],{},[349,485,486],{},"MDC Component",": The AI provides context-aware assistance tailored to specific component types, including component names, slot configurations, and structural patterns.",[70,489,491],{"id":490},"experimental-collection-context","Experimental Collection Context",[65,493,494],{},"This feature is under development and may change in future releases.",[56,496,497],{},"Once enable , you can access the AI Tab by clicking the AI icon in the top navigation bar of Nuxt Studio. The AI Tab allows you to generate and manage AI writing style guides per collection, giving AI deeper context about your content structure.",[75,499,501],{"id":500},"what-it-does","What It Does",[343,503,504,510,516],{},[346,505,506,509],{},[349,507,508],{},"Analyzes Collections",": Examines your content collections to understand structure and style",[346,511,512,515],{},[349,513,514],{},"Generates Style Guides",": Creates comprehensive writing guidelines for each collection",[346,517,518,521],{},[349,519,520],{},"Contextualizes AI",": Uses collection-specific context for better AI suggestions",[75,523,525],{"id":524},"how-to-enable","How to Enable",[56,527,528],{},"To enable AI-powered style guide generation, you need to configure your Nuxt project with the experimental feature flag and then activate the AI features in Studio.",[135,530,534],{"className":531,"code":532,"filename":169,"language":533,"meta":141,"style":141},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  studio: {\n    ai: {\n      experimental: {\n        collectionContext: true  \u002F\u002F Enable AI Tab\n      }\n    }\n  }\n})\n","js",[130,535,536,548,556,564,573,588,592,596,600],{"__ignoreMap":141},[145,537,538,540,542,544,546],{"class":147,"line":148},[145,539,183],{"class":182},[145,541,186],{"class":182},[145,543,190],{"class":189},[145,545,193],{"class":151},[145,547,196],{"class":154},[145,549,550,552,554],{"class":147,"line":199},[145,551,203],{"class":202},[145,553,206],{"class":154},[145,555,209],{"class":154},[145,557,558,560,562],{"class":147,"line":212},[145,559,215],{"class":202},[145,561,206],{"class":154},[145,563,209],{"class":154},[145,565,566,569,571],{"class":147,"line":222},[145,567,568],{"class":202},"      experimental",[145,570,206],{"class":154},[145,572,209],{"class":154},[145,574,575,578,580,584],{"class":147,"line":232},[145,576,577],{"class":202},"        collectionContext",[145,579,206],{"class":154},[145,581,583],{"class":582},"sfNiH"," true",[145,585,587],{"class":586},"sHwdD","  \u002F\u002F Enable AI Tab\n",[145,589,590],{"class":147,"line":252},[145,591,305],{"class":154},[145,593,594],{"class":147,"line":269},[145,595,311],{"class":154},[145,597,598],{"class":147,"line":286},[145,599,317],{"class":154},[145,601,602,604],{"class":147,"line":302},[145,603,323],{"class":154},[145,605,326],{"class":151},[75,607,341],{"id":608},"how-it-works-2",[610,611,612,618,624,630,636],"ol",{},[346,613,614,617],{},[349,615,616],{},"Access",": Click the AI tab button in the Studio interface",[346,619,620,623],{},[349,621,622],{},"Select Collection",": Choose a collection to analyze",[346,625,626,629],{},[349,627,628],{},"Generate Context",": Click \"Analyze Collection\" to create a style guide",[346,631,632,635],{},[349,633,634],{},"Edit Context",": Review and customize the generated guidelines",[346,637,638,641],{},[349,639,640],{},"AI Uses Context",": Future AI operations will reference these guidelines",[75,643,645],{"id":644},"context-files","Context Files",[56,647,648,649,652,653,656],{},"Context files are stored in the ",[130,650,651],{},".studio"," folder as ",[130,654,655],{},"${collectionName}.md"," files. These files are automatically loaded during AI operations to provide collection-specific guidance.",[70,658,660],{"id":659},"cost-estimation","Cost Estimation",[56,662,663,664,667],{},"With Vercel AI Gateway's ",[349,665,666],{},"$5 free credits",", you can expect:",[343,669,670,676,682,688],{},[346,671,672,675],{},[349,673,674],{},"~11,000 AI completions",": Auto-suggestions as you type",[346,677,678,681],{},[349,679,680],{},"~120 AI transforms",": Grammar fixes, improvements, translations",[346,683,684,687],{},[349,685,686],{},"~2 million words",": Total AI-generated content",[346,689,690,693],{},[349,691,692],{},"Several weeks",": Typical usage (varies from occasional to regular content creation)",[56,695,696],{},"After free credits, pricing follows Vercel AI Gateway's standard rates based on model usage.",[698,699,700],"style",{},"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 .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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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}",{"title":141,"searchDepth":199,"depth":199,"links":702},[703,708,713,719],{"id":72,"depth":199,"text":73,"children":704},[705,706,707],{"id":77,"depth":212,"text":78},{"id":124,"depth":212,"text":125},{"id":162,"depth":212,"text":163},{"id":329,"depth":199,"text":330,"children":709},[710,711,712],{"id":333,"depth":212,"text":334},{"id":396,"depth":212,"text":397},{"id":470,"depth":212,"text":163},{"id":490,"depth":199,"text":491,"children":714},[715,716,717,718],{"id":500,"depth":212,"text":501},{"id":524,"depth":212,"text":525},{"id":608,"depth":212,"text":341},{"id":644,"depth":212,"text":645},{"id":659,"depth":199,"text":660},"Learn how to enable and use AI-powered features in Nuxt Studio for intelligent content completion, transformation, and style guidance.","md",null,{},{"title":35,"icon":38},{"title":726,"description":727},"AI Content Assistance - Nuxt Studio","Enable Claude-powered AI features in Nuxt Studio for smart content completion, grammar fixes, improvements, and translation using Vercel AI Gateway.","I8M7acx08unOYCYIGioGV7XrASkSOKXZ-cKrf5AUo-4",[730,732],{"title":30,"path":31,"stem":32,"description":731,"icon":33,"children":-1},"Explore how to browse and manage media files, including external storage with NuxtHub blob storage, and integrate them into your projects.",{"title":40,"path":41,"stem":42,"description":733,"icon":43,"children":-1},"Track the development progress of Nuxt Studio and discover upcoming features planned for future releases.",1778168234694]