[{"data":1,"prerenderedAt":458},["ShallowReactive",2],{"navigation":3,"\u002Fexamples":189,"\u002Fexamples-surround":453},[4,23,40,51,74,116,157,177],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Get Started","\u002Fget-started","1.get-started\u002F1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Prerequisites","\u002Fget-started\u002Fprerequisites","1.get-started\u002F2.prerequisites","i-lucide-list-checks",{"title":18,"path":19,"stem":20,"icon":21},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F3.installation","i-lucide-settings","i-lucide-rocket",{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":39},"Develop","i-lucide-code","\u002Fdevelop","2.develop",[29,34],{"title":30,"path":31,"stem":32,"icon":33},"Version Control","\u002Fdevelop\u002Fversion-control","2.develop\u002F1.version-control","i-lucide-git-branch",{"title":35,"path":36,"stem":37,"icon":38},"Claude Code","\u002Fdevelop\u002Fclaude-code","2.develop\u002F2.claude-code","i-lucide-sparkles",false,{"title":41,"icon":42,"path":43,"stem":44,"children":45,"page":39},"Launch","i-lucide-globe","\u002Flaunch","3.launch",[46],{"title":47,"path":48,"stem":49,"icon":50},"Cloudflare","\u002Flaunch\u002Fcloudflare","3.launch\u002F1.cloudflare","i-lucide-cloud-upload",{"title":52,"path":53,"stem":54,"children":55,"icon":73},"Plugins","\u002Fplugins","4.plugins\u002F1.index",[56,58,63,68],{"title":52,"path":53,"stem":54,"icon":57},"i-lucide-list",{"title":59,"path":60,"stem":61,"icon":62},"Public API","\u002Fplugins\u002Fapi-keys","4.plugins\u002F2.api-keys","i-lucide-key",{"title":64,"path":65,"stem":66,"icon":67},"Cron Jobs","\u002Fplugins\u002Fcron-jobs","4.plugins\u002F4.cron-jobs","i-lucide-clock",{"title":69,"path":70,"stem":71,"icon":72},"Rate Limiting","\u002Fplugins\u002Frate-limiting","4.plugins\u002F5.rate-limiting","i-lucide-gauge","i-lucide-puzzle",{"title":75,"path":76,"stem":77,"children":78,"icon":115},"Examples","\u002Fexamples","5.examples\u002F1.index",[79,80,85,90,95,100,105,110],{"title":75,"path":76,"stem":77,"icon":57},{"title":81,"path":82,"stem":83,"icon":84},"Job Management","\u002Fexamples\u002Fjob-management","5.examples\u002F2.job-management","i-lucide-briefcase",{"title":86,"path":87,"stem":88,"icon":89},"Kanban \u002F To-Do List","\u002Fexamples\u002Fkanban-todo","5.examples\u002F3.kanban-todo","i-lucide-kanban",{"title":91,"path":92,"stem":93,"icon":94},"Inventory Management","\u002Fexamples\u002Finventory-management","5.examples\u002F4.inventory-management","i-lucide-package",{"title":96,"path":97,"stem":98,"icon":99},"Mini CRM","\u002Fexamples\u002Fmini-crm","5.examples\u002F5.mini-crm","i-lucide-users",{"title":101,"path":102,"stem":103,"icon":104},"Sales Orders & Invoices","\u002Fexamples\u002Fsales-invoices","5.examples\u002F6.sales-invoices","i-lucide-receipt",{"title":106,"path":107,"stem":108,"icon":109},"Calendar & Booking","\u002Fexamples\u002Fcalendar-booking","5.examples\u002F7.calendar-booking","i-lucide-calendar",{"title":111,"path":112,"stem":113,"icon":114},"Support Tickets","\u002Fexamples\u002Fsupport-tickets","5.examples\u002F8.support-tickets","i-lucide-life-buoy","i-lucide-book-open",{"title":117,"icon":118,"path":119,"stem":120,"children":121,"page":39},"Reference","i-lucide-file-text","\u002Freference","6.reference",[122,127,132,137,142,147,152],{"title":123,"path":124,"stem":125,"icon":126},"Architecture","\u002Freference\u002Farchitecture","6.reference\u002F1.architecture","i-lucide-layers",{"title":128,"path":129,"stem":130,"icon":131},"Permissions","\u002Freference\u002Fpermissions","6.reference\u002F2.permissions","i-lucide-shield",{"title":133,"path":134,"stem":135,"icon":136},"Invitations","\u002Freference\u002Finvitations","6.reference\u002F3.invitations","i-lucide-mail",{"title":138,"path":139,"stem":140,"icon":141},"Webhooks","\u002Freference\u002Fwebhooks","6.reference\u002F4.webhooks","i-lucide-webhook",{"title":143,"path":144,"stem":145,"icon":146},"AI Chat","\u002Freference\u002Fai-chat","6.reference\u002F5.ai-chat","i-lucide-message-square",{"title":148,"path":149,"stem":150,"icon":151},"Activity Log","\u002Freference\u002Factivity-log","6.reference\u002F6.activity-log","i-lucide-scroll",{"title":153,"path":154,"stem":155,"icon":156},"Manual Setup","\u002Freference\u002Fmanual-setup","6.reference\u002F7.manual-setup","i-lucide-wrench",{"title":158,"icon":159,"path":160,"stem":161,"children":162,"page":39},"Legal","i-lucide-scale","\u002Flegal","7.legal",[163,168,172],{"title":164,"path":165,"stem":166,"icon":167},"License","\u002Flegal\u002Flicense","7.legal\u002F1.license","i-lucide-file-check",{"title":169,"path":170,"stem":171,"icon":118},"Terms and Conditions","\u002Flegal\u002Fterms","7.legal\u002F2.terms",{"title":173,"path":174,"stem":175,"icon":176},"Privacy Policy","\u002Flegal\u002Fprivacy","7.legal\u002F3.privacy","i-lucide-lock",{"title":178,"path":179,"stem":180,"children":181,"icon":183},"Upgrades","\u002Fupgrades","8.upgrades\u002F1.index",[182,184],{"title":178,"path":179,"stem":180,"icon":183},"i-lucide-arrow-up-circle",{"title":185,"path":186,"stem":187,"icon":188},"\u002Fapp\u002F* gated subtree routing","\u002Fupgrades\u002Fapp-subtree-routing","8.upgrades\u002F2.app-subtree-routing","i-lucide-route",{"id":190,"title":75,"body":191,"description":446,"extension":447,"links":448,"meta":449,"navigation":450,"path":76,"seo":451,"stem":77,"__hash__":452},"docs\u002F5.examples\u002F1.index.md",{"type":192,"value":193,"toc":438},"minimark",[194,198,201,206,220,223,256,263,267,318,338,342,425],[195,196,197],"p",{},"Examples are domain-specific tutorials — job management, CRM, inventory, and more. Each one is a full vertical slice: database tables, server routes, UI pages, permissions, and realtime.",[195,199,200],{},"Installation works the same as plugins: open an example page, copy each prompt in order, paste into Claude Code. Claude builds the entire feature.",[202,203,205],"h2",{"id":204},"before-you-start","Before you start",[207,208,209],"note",{},[195,210,211,215,216,219],{},[212,213,214],"strong",{},"Prerequisite:"," Complete the ",[217,218,5],"a",{"href":6}," guide first. You need the template cloned, Supabase project created, and Claude Code running in the project directory.",[195,221,222],{},"You'll need:",[224,225,226,230,240,246],"ul",{},[227,228,229],"li",{},"The VueStarter template cloned locally",[227,231,232,234,235,239],{},[212,233,35],{}," running in the template's root directory (",[236,237,238],"code",{},"claude"," command)",[227,241,242,245],{},[212,243,244],{},"Supabase MCP"," connected and authenticated — Claude uses it to run migrations and inspect the database",[227,247,248,251,252,255],{},[212,249,250],{},"Nuxt MCP"," and ",[212,253,254],{},"Nuxt UI MCP"," connected — these help Claude produce idiomatic Nuxt + UI code",[195,257,258,259,262],{},"If you haven't wired these up yet, see the ",[217,260,261],{"href":36},"Claude Code guide",".",[202,264,266],{"id":265},"how-to-build-an-example","How to build an example",[268,269,271,276,279,283,294,298,304,308,311,315],"steps",{"level":270},"4",[272,273,275],"h4",{"id":274},"pick-an-example","Pick an example",[195,277,278],{},"Open any example page from the list below. Each page starts with a summary of what you'll build and lists the prompts in order.",[272,280,282],{"id":281},"copy-the-first-prompt","Copy the first prompt",[195,284,285,286,289,290,293],{},"Each prompt is in a fenced code block labelled ",[212,287,288],{},"Prompt 1",", ",[212,291,292],{},"Prompt 2",", etc. Click the copy button in the top-right of the block.",[272,295,297],{"id":296},"paste-it-into-claude-code","Paste it into Claude Code",[195,299,300,301,303],{},"In your terminal running ",[236,302,238],{},", paste the prompt and press Enter. Claude will run migrations, create files, wire routes, and build the UI. Review its plan when it asks.",[272,305,307],{"id":306},"wait-for-claude-to-finish","Wait for Claude to finish",[195,309,310],{},"Let each prompt run to completion before moving on. Verify the result quickly — check a page loads, a table exists, realtime syncs — before moving to the next prompt.",[272,312,314],{"id":313},"run-the-next-prompt","Run the next prompt",[195,316,317],{},"Repeat for each prompt on the page, in order. Later prompts depend on what earlier ones built.",[319,320,321],"tip",{},[195,322,323,326,327,329,330,333,334,337],{},[212,324,325],{},"Baked-in features pick up new tables."," The example prompts wire each new table into ",[217,328,143],{"href":144}," and the ",[217,331,332],{"href":149},"activity log"," as they go. On top you can still layer the ",[217,335,336],{"href":53},"Public API plugin"," to expose endpoints to external clients.",[202,339,341],{"id":340},"available-examples","Available examples",[343,344,345,358],"table",{},[346,347,348],"thead",{},[349,350,351,355],"tr",{},[352,353,354],"th",{},"Example",[352,356,357],{},"What you build",[359,360,361,371,380,389,398,407,416],"tbody",{},[349,362,363,368],{},[364,365,366],"td",{},[217,367,81],{"href":82},[364,369,370],{},"Clients, jobs with status tracking, dashboard stats, realtime sync",[349,372,373,377],{},[364,374,375],{},[217,376,86],{"href":87},[364,378,379],{},"Boards, columns, cards with drag-and-drop, and checklists",[349,381,382,386],{},[364,383,384],{},[217,385,91],{"href":92},[364,387,388],{},"Products, warehouses, and stock movements with full audit history",[349,390,391,395],{},[364,392,393],{},[217,394,96],{"href":97},[364,396,397],{},"Contacts, deals, pipeline stages, and activity tracking",[349,399,400,404],{},[364,401,402],{},[217,403,101],{"href":102},[364,405,406],{},"Orders, line items, invoice generation, and payment tracking",[349,408,409,413],{},[364,410,411],{},[217,412,106],{"href":107},[364,414,415],{},"Events, availability, recurring schedules, and booking management",[349,417,418,422],{},[364,419,420],{},[217,421,111],{"href":112},[364,423,424],{},"Tickets, priorities, assignments, SLA tracking, and canned responses",[319,426,427],{},[195,428,429,432,433,437],{},[212,430,431],{},"Build any of these in hours."," ",[217,434,436],{"href":435},"\u002Fpricing"," Buy VueStarter"," — one-time payment, then use these prompts to build real features with Claude Code.",{"title":439,"searchDepth":440,"depth":441,"links":442},"",1,2,[443,444,445],{"id":204,"depth":441,"text":205},{"id":265,"depth":441,"text":266},{"id":340,"depth":441,"text":341},"How to build full features from the example tutorials.","md",null,{},{"icon":57},{"title":75,"description":446},"2e3KRg1KGD2EZil29X8d3AmGXVGow7QhK2C0VmdJOBo",[454,456],{"title":69,"path":70,"stem":71,"description":455,"icon":72,"children":-1},"Add a Postgres-backed fixed-window rate limiter with zero external dependencies.",{"title":81,"path":82,"stem":83,"description":457,"icon":84,"children":-1},"Build a complete job management system — clients, jobs, dashboard, and realtime sync",1777092169440]