[{"data":1,"prerenderedAt":254},["ShallowReactive",2],{"navigation":3,"index":72},[4,20,57,66],{"title":5,"path":6,"stem":7,"children":8,"icon":11},"Getting Started","/getting-started","1.getting-started/1.index",[9,12,16],{"title":10,"path":6,"stem":7,"icon":11},"Introduction",false,{"title":13,"path":14,"stem":15,"icon":11},"Installation","/getting-started/installation","1.getting-started/2.installation",{"title":17,"path":18,"stem":19,"icon":11},"Usage","/getting-started/usage","1.getting-started/3.usage",{"title":21,"path":22,"stem":23,"children":24,"page":11},"Guide","/guide","2.guide",[25,29,33,37,41,45,49,53],{"title":26,"path":27,"stem":28,"icon":11},"Routing","/guide/routing","2.guide/1.routing",{"title":30,"path":31,"stem":32,"icon":11},"Writing PHP","/guide/writing-php","2.guide/2.writing-php",{"title":34,"path":35,"stem":36,"icon":11},"State","/guide/state","2.guide/3.state",{"title":38,"path":39,"stem":40,"icon":11},"Actions","/guide/actions","2.guide/4.actions",{"title":42,"path":43,"stem":44,"icon":11},"Working with JS","/guide/working-with-js","2.guide/5.working-with-js",{"title":46,"path":47,"stem":48,"icon":11},"Calling actions","/guide/calling-actions","2.guide/6.calling-actions",{"title":50,"path":51,"stem":52,"icon":11},"Syncing state","/guide/syncing-state","2.guide/7.syncing-state",{"title":54,"path":55,"stem":56,"icon":11},"Magic actions","/guide/magic-fusion-actions","2.guide/8.magic-fusion-actions",{"title":58,"path":59,"stem":60,"children":61,"page":11},"Under The Hood","/under-the-hood","3.under-the-hood",[62],{"title":63,"path":64,"stem":65,"icon":11},"How Fusion Works","/under-the-hood/how-fusion-works","3.under-the-hood/1.how-fusion-works",{"title":67,"path":68,"stem":69,"children":70,"icon":11},"Contributing","/contributing","4.contributing/1.index",[71],{"title":21,"path":68,"stem":69,"icon":11},{"id":73,"title":74,"body":75,"description":74,"extension":245,"meta":246,"navigation":247,"path":248,"seo":249,"stem":252,"__hash__":253},"landing/index.md","",{"type":76,"value":77,"toc":242},"minimark",[78,144,228,238],[79,80,82,112,119,124],"u-page-hero",{"orientation":81},"horizontal",[83,84,87],"prose-pre",{"code":85,"filename":86},"composer r fusionphp/fusion","Terminal",[88,89,93],"pre",{"className":90,"code":91,"language":92,"meta":74,"style":74},"language-bash shiki shiki-themes material-theme-lighter github-light-high-contrast material-theme-palenight","composer r fusionphp/fusion\n","bash",[94,95,96],"code",{"__ignoreMap":74},[97,98,101,105,109],"span",{"class":99,"line":100},"line",1,[97,102,104],{"class":103},"s8_pB","composer",[97,106,108],{"class":107},"s12Wk"," r",[97,110,111],{"class":107}," fusionphp/fusion\n",[113,114,115],"template",{"v-slot:title":74},[116,117,118],"p",{},"Fusion",[113,120,121],{"v-slot:description":74},[116,122,123],{},"Unite your modern frontend with your Laravel backend.",[113,125,126,134],{"v-slot:links":74},[127,128,131],"u-button",{"size":129,"to":6,"trailing-icon":130},"xl","i-lucide-arrow-right",[116,132,133],{},"Get started",[127,135,141],{"size":129,"to":136,"color":137,"icon":138,"target":139,"variant":140},"https://github.com/fusion-php/fusion","neutral","i-simple-icons-github","_blank","subtle",[116,142,143],{},"Star on Github",[145,146,147],"u-page-section",{},[113,148,149,163,176,189,202,215],{"v-slot:features":74},[150,151,153,158],"u-page-feature",{"icon":152},"i-lucide-file-code",[113,154,155],{"v-slot:title":74},[116,156,157],{},"Extract PHP Blocks",[113,159,160],{"v-slot:description":74},[116,161,162],{},"Extracts inline PHP blocks from JavaScript using Vite and saves them to disk.",[150,164,166,171],{"icon":165},"i-lucide-plug",[113,167,168],{"v-slot:title":74},[116,169,170],{},"Inject Runtime Data",[113,172,173],{"v-slot:description":74},[116,174,175],{},"Injects runtime data into your JavaScript during Vite transpilation.",[150,177,179,184],{"icon":178},"i-lucide-server",[113,180,181],{"v-slot:title":74},[116,182,183],{},"Backend + Frontend",[113,185,186],{"v-slot:description":74},[116,187,188],{},"Runs PHP on the backend and JavaScript on the frontend — clean separation.",[150,190,192,197],{"icon":191},"i-lucide-layout-template",[113,193,194],{"v-slot:title":74},[116,195,196],{},"Controller Transformation",[113,198,199],{"v-slot:description":74},[116,200,201],{},"Transforms PHP blocks into backend controllers automatically.",[150,203,205,210],{"icon":204},"i-lucide-shield-check",[113,206,207],{"v-slot:title":74},[116,208,209],{},"Laravel Native",[113,211,212],{"v-slot:description":74},[116,213,214],{},"Fully integrates with Laravel: routing, middleware, auth, and request lifecycle.",[150,216,218,223],{"icon":217},"i-lucide-link",[113,219,220],{"v-slot:title":74},[116,221,222],{},"Reactive State Sync",[113,224,225],{"v-slot:description":74},[116,226,227],{},"Keeps frontend and backend state in perfect sync.",[145,229,230],{},[231,232,235],"u-page-c-t-a",{"description":233,"orientation":81,"title":234,"variant":140},"Choose between procedural or class-based styles, both integrating seamlessly with your frontend.","Using Fusion, you can write a single file like this",[236,237],"tabs-for-yaml",{},[239,240,241],"style",{},"html pre.shiki code .s8_pB, html code.shiki .s8_pB{--shiki-light:#E2931D;--shiki-default:#702C00;--shiki-dark:#FFCB6B}html pre.shiki code .s12Wk, html code.shiki .s12Wk{--shiki-light:#91B859;--shiki-default:#032563;--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);}",{"title":74,"searchDepth":100,"depth":243,"links":244},2,[],"md",{},true,"/",{"title":250,"description":251},"Nuxt Docs Template","Nuxt UI Pro is a collection of premium Vue components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.","index","7sEeETMbdqWy2yQYCIqXQYtfruFYZcFv07s1tNAShxQ",1754325540466]