[{"data":1,"prerenderedAt":1158},["ShallowReactive",2],{"navigation":3,"\u002Ftasks\u002Fbuilding-a-navigation":72,"\u002Ftasks\u002Fbuilding-a-navigation-surround":1153},[4,42,55],{"title":5,"path":6,"stem":7,"children":8,"page":41},"Api","\u002Fapi","api",[9,13,17,21,25,29,33,37],{"title":10,"path":11,"stem":12},"Cart API","\u002Fapi\u002Fcart","api\u002Fcart",{"title":14,"path":15,"stem":16},"Category API","\u002Fapi\u002Fcategory","api\u002Fcategory",{"title":18,"path":19,"stem":20},"Checkout API","\u002Fapi\u002Fcheckout","api\u002Fcheckout",{"title":22,"path":23,"stem":24},"Inventory","\u002Fapi\u002Finventory","api\u002Finventory",{"title":26,"path":27,"stem":28},"Order Numbers","\u002Fapi\u002Forder-numbers","api\u002Forder-numbers",{"title":30,"path":31,"stem":32},"Product API","\u002Fapi\u002Fproduct","api\u002Fproduct",{"title":34,"path":35,"stem":36},"Promotions API","\u002Fapi\u002Fpromotions","api\u002Fpromotions",{"title":38,"path":39,"stem":40},"Taxes","\u002Fapi\u002Ftaxes","api\u002Ftaxes",false,{"title":43,"path":44,"stem":45,"children":46,"page":41},"Getting Started","\u002Fgetting-started","getting-started",[47,51],{"title":48,"path":49,"stem":50},"Admin panel","\u002Fgetting-started\u002Fadmin-panel","getting-started\u002Fadmin-panel",{"title":52,"path":53,"stem":54},"Installation","\u002Fgetting-started\u002Finstallation","getting-started\u002Finstallation",{"title":56,"path":57,"stem":58,"children":59,"page":41},"Tasks","\u002Ftasks","tasks",[60,64,68],{"title":61,"path":62,"stem":63},"Building A Navigation","\u002Ftasks\u002Fbuilding-a-navigation","tasks\u002Fbuilding-a-navigation",{"title":65,"path":66,"stem":67},"Product Detail Page","\u002Ftasks\u002Fproduct-detail-page","tasks\u002Fproduct-detail-page",{"title":69,"path":70,"stem":71},"Product Listing Page","\u002Ftasks\u002Fproduct-listing-page","tasks\u002Fproduct-listing-page",{"id":73,"title":61,"body":74,"description":1147,"extension":1148,"links":1149,"meta":1150,"navigation":124,"path":62,"seo":1151,"stem":63,"__hash__":1152},"docs\u002Ftasks\u002Fbuilding-a-navigation.md",{"type":75,"value":76,"toc":1141},"minimark",[77,81,86,89,336,339,343,346,714,721,725,731,1130,1134,1137],[78,79,80],"p",{},"You'll learn how to create a category navigation, so that customers\nare able to browse the store from every page.",[82,83,85],"h2",{"id":84},"sharing-the-navigation","Sharing the navigation",[78,87,88],{},"First up, share the navigation from your Inertia middleware.",[90,91,96],"pre",{"className":92,"code":93,"language":94,"meta":95,"style":95},"language-php shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F app\u002FHttp\u002FMiddleware\u002FHandleInertiaRequests.php\n\u003C?php\n\nnamespace App\\Http\\Middleware;\n\nuse Illuminate\\Http\\Request;\nuse Inertia\\Middleware;\n\nclass HandleInertiaRequests extends Middleware\n{\n    public function share(Request $request): array\n    {\n        return [\n            ...parent::share($request),\n            'navigation' => fn () => $this->navigation(),\n        ];\n    }\n}\n","php","",[97,98,99,108,119,126,151,156,176,190,195,211,217,247,253,263,286,318,324,330],"code",{"__ignoreMap":95},[100,101,104],"span",{"class":102,"line":103},"line",1,[100,105,107],{"class":106},"sHwdD","\u002F\u002F app\u002FHttp\u002FMiddleware\u002FHandleInertiaRequests.php\n",[100,109,111,115],{"class":102,"line":110},2,[100,112,114],{"class":113},"sMK4o","\u003C?",[100,116,118],{"class":117},"sTEyZ","php\n",[100,120,122],{"class":102,"line":121},3,[100,123,125],{"emptyLinePlaceholder":124},true,"\n",[100,127,129,133,137,140,143,145,148],{"class":102,"line":128},4,[100,130,132],{"class":131},"sbssI","namespace",[100,134,136],{"class":135},"sBMFI"," App",[100,138,139],{"class":113},"\\",[100,141,142],{"class":135},"Http",[100,144,139],{"class":113},[100,146,147],{"class":135},"Middleware",[100,149,150],{"class":113},";\n",[100,152,154],{"class":102,"line":153},5,[100,155,125],{"emptyLinePlaceholder":124},[100,157,159,162,165,167,169,171,174],{"class":102,"line":158},6,[100,160,161],{"class":131},"use",[100,163,164],{"class":117}," Illuminate",[100,166,139],{"class":113},[100,168,142],{"class":117},[100,170,139],{"class":113},[100,172,173],{"class":117},"Request",[100,175,150],{"class":113},[100,177,179,181,184,186,188],{"class":102,"line":178},7,[100,180,161],{"class":131},[100,182,183],{"class":117}," Inertia",[100,185,139],{"class":113},[100,187,147],{"class":117},[100,189,150],{"class":113},[100,191,193],{"class":102,"line":192},8,[100,194,125],{"emptyLinePlaceholder":124},[100,196,198,202,205,208],{"class":102,"line":197},9,[100,199,201],{"class":200},"spNyl","class",[100,203,204],{"class":135}," HandleInertiaRequests",[100,206,207],{"class":200}," extends",[100,209,210],{"class":135}," Middleware\n",[100,212,214],{"class":102,"line":213},10,[100,215,216],{"class":113},"{\n",[100,218,220,223,226,230,233,235,238,241,244],{"class":102,"line":219},11,[100,221,222],{"class":200},"    public",[100,224,225],{"class":200}," function",[100,227,229],{"class":228},"s2Zo4"," share",[100,231,232],{"class":113},"(",[100,234,173],{"class":135},[100,236,237],{"class":113}," $",[100,239,240],{"class":117},"request",[100,242,243],{"class":113},"):",[100,245,246],{"class":131}," array\n",[100,248,250],{"class":102,"line":249},12,[100,251,252],{"class":113},"    {\n",[100,254,256,260],{"class":102,"line":255},13,[100,257,259],{"class":258},"s7zQu","        return",[100,261,262],{"class":113}," [\n",[100,264,266,269,272,275,278,281,283],{"class":102,"line":265},14,[100,267,268],{"class":113},"            ...",[100,270,271],{"class":200},"parent",[100,273,274],{"class":113},"::",[100,276,277],{"class":228},"share",[100,279,280],{"class":113},"($",[100,282,240],{"class":117},[100,284,285],{"class":113},"),\n",[100,287,289,292,296,299,302,305,308,310,313,315],{"class":102,"line":288},15,[100,290,291],{"class":113},"            '",[100,293,295],{"class":294},"sfazB","navigation",[100,297,298],{"class":113},"'",[100,300,301],{"class":113}," =>",[100,303,304],{"class":200}," fn",[100,306,307],{"class":113}," ()",[100,309,301],{"class":113},[100,311,312],{"class":113}," $this->",[100,314,295],{"class":228},[100,316,317],{"class":113},"(),\n",[100,319,321],{"class":102,"line":320},16,[100,322,323],{"class":113},"        ];\n",[100,325,327],{"class":102,"line":326},17,[100,328,329],{"class":113},"    }\n",[100,331,333],{"class":102,"line":332},18,[100,334,335],{"class":113},"}\n",[78,337,338],{},"Using a closure keeps the navigation lazy, so it is only built when\nInertia needs the prop.",[82,340,342],{"id":341},"getting-root-categories","Getting root categories",[78,344,345],{},"Next up, fetch the root-level category collection and load the\ncategories you want to show in the menu.",[90,347,349],{"className":92,"code":348,"language":94,"meta":95,"style":95},"\u003C?php\n\nuse Larasell\\Larasell\\Models\\Category;\nuse Larasell\\Larasell\\Routing\\CategoryUrl;\n\nprivate function navigation(): array\n{\n    return Category::query()\n        ->root()\n        ->get()\n        ->map(fn (Category $category) => $this->navigationItem($category))\n        ->values()\n        ->all();\n}\n\nprivate function navigationItem(Category $category): array\n{\n    return [\n        'name' => $category->name,\n        'url' => CategoryUrl::make($category, prefix: 'c'),\n        'children' => $category->children\n            ->map(fn (Category $category) => $this->navigationItem($category))\n            ->values()\n            ->all(),\n    ];\n}\n",[97,350,351,357,361,385,407,411,426,430,446,456,465,504,513,523,527,531,552,556,562,587,630,651,685,694,703,709],{"__ignoreMap":95},[100,352,353,355],{"class":102,"line":103},[100,354,114],{"class":113},[100,356,118],{"class":117},[100,358,359],{"class":102,"line":110},[100,360,125],{"emptyLinePlaceholder":124},[100,362,363,365,368,370,373,375,378,380,383],{"class":102,"line":121},[100,364,161],{"class":131},[100,366,367],{"class":117}," Larasell",[100,369,139],{"class":113},[100,371,372],{"class":117},"Larasell",[100,374,139],{"class":113},[100,376,377],{"class":117},"Models",[100,379,139],{"class":113},[100,381,382],{"class":117},"Category",[100,384,150],{"class":113},[100,386,387,389,391,393,395,397,400,402,405],{"class":102,"line":128},[100,388,161],{"class":131},[100,390,367],{"class":117},[100,392,139],{"class":113},[100,394,372],{"class":117},[100,396,139],{"class":113},[100,398,399],{"class":117},"Routing",[100,401,139],{"class":113},[100,403,404],{"class":117},"CategoryUrl",[100,406,150],{"class":113},[100,408,409],{"class":102,"line":153},[100,410,125],{"emptyLinePlaceholder":124},[100,412,413,416,418,421,424],{"class":102,"line":158},[100,414,415],{"class":200},"private",[100,417,225],{"class":200},[100,419,420],{"class":228}," navigation",[100,422,423],{"class":113},"():",[100,425,246],{"class":131},[100,427,428],{"class":102,"line":178},[100,429,216],{"class":113},[100,431,432,435,438,440,443],{"class":102,"line":192},[100,433,434],{"class":258},"    return",[100,436,437],{"class":135}," Category",[100,439,274],{"class":113},[100,441,442],{"class":228},"query",[100,444,445],{"class":113},"()\n",[100,447,448,451,454],{"class":102,"line":197},[100,449,450],{"class":113},"        ->",[100,452,453],{"class":228},"root",[100,455,445],{"class":113},[100,457,458,460,463],{"class":102,"line":213},[100,459,450],{"class":113},[100,461,462],{"class":228},"get",[100,464,445],{"class":113},[100,466,467,469,472,474,477,480,482,484,487,490,492,494,497,499,501],{"class":102,"line":219},[100,468,450],{"class":113},[100,470,471],{"class":228},"map",[100,473,232],{"class":113},[100,475,476],{"class":200},"fn",[100,478,479],{"class":113}," (",[100,481,382],{"class":135},[100,483,237],{"class":113},[100,485,486],{"class":117},"category",[100,488,489],{"class":113},")",[100,491,301],{"class":113},[100,493,312],{"class":113},[100,495,496],{"class":228},"navigationItem",[100,498,280],{"class":113},[100,500,486],{"class":117},[100,502,503],{"class":113},"))\n",[100,505,506,508,511],{"class":102,"line":249},[100,507,450],{"class":113},[100,509,510],{"class":228},"values",[100,512,445],{"class":113},[100,514,515,517,520],{"class":102,"line":255},[100,516,450],{"class":113},[100,518,519],{"class":228},"all",[100,521,522],{"class":113},"();\n",[100,524,525],{"class":102,"line":265},[100,526,335],{"class":113},[100,528,529],{"class":102,"line":288},[100,530,125],{"emptyLinePlaceholder":124},[100,532,533,535,537,540,542,544,546,548,550],{"class":102,"line":320},[100,534,415],{"class":200},[100,536,225],{"class":200},[100,538,539],{"class":228}," navigationItem",[100,541,232],{"class":113},[100,543,382],{"class":135},[100,545,237],{"class":113},[100,547,486],{"class":117},[100,549,243],{"class":113},[100,551,246],{"class":131},[100,553,554],{"class":102,"line":326},[100,555,216],{"class":113},[100,557,558,560],{"class":102,"line":332},[100,559,434],{"class":258},[100,561,262],{"class":113},[100,563,565,568,571,573,575,577,579,582,584],{"class":102,"line":564},19,[100,566,567],{"class":113},"        '",[100,569,570],{"class":294},"name",[100,572,298],{"class":113},[100,574,301],{"class":113},[100,576,237],{"class":113},[100,578,486],{"class":117},[100,580,581],{"class":113},"->",[100,583,570],{"class":117},[100,585,586],{"class":113},",\n",[100,588,590,592,595,597,599,602,604,607,609,611,614,617,620,623,626,628],{"class":102,"line":589},20,[100,591,567],{"class":113},[100,593,594],{"class":294},"url",[100,596,298],{"class":113},[100,598,301],{"class":113},[100,600,601],{"class":135}," CategoryUrl",[100,603,274],{"class":113},[100,605,606],{"class":228},"make",[100,608,280],{"class":113},[100,610,486],{"class":117},[100,612,613],{"class":113},",",[100,615,616],{"class":135}," prefix",[100,618,619],{"class":113},":",[100,621,622],{"class":113}," '",[100,624,625],{"class":294},"c",[100,627,298],{"class":113},[100,629,285],{"class":113},[100,631,633,635,638,640,642,644,646,648],{"class":102,"line":632},21,[100,634,567],{"class":113},[100,636,637],{"class":294},"children",[100,639,298],{"class":113},[100,641,301],{"class":113},[100,643,237],{"class":113},[100,645,486],{"class":117},[100,647,581],{"class":113},[100,649,650],{"class":117},"children\n",[100,652,654,657,659,661,663,665,667,669,671,673,675,677,679,681,683],{"class":102,"line":653},22,[100,655,656],{"class":113},"            ->",[100,658,471],{"class":228},[100,660,232],{"class":113},[100,662,476],{"class":200},[100,664,479],{"class":113},[100,666,382],{"class":135},[100,668,237],{"class":113},[100,670,486],{"class":117},[100,672,489],{"class":113},[100,674,301],{"class":113},[100,676,312],{"class":113},[100,678,496],{"class":228},[100,680,280],{"class":113},[100,682,486],{"class":117},[100,684,503],{"class":113},[100,686,688,690,692],{"class":102,"line":687},23,[100,689,656],{"class":113},[100,691,510],{"class":228},[100,693,445],{"class":113},[100,695,697,699,701],{"class":102,"line":696},24,[100,698,656],{"class":113},[100,700,519],{"class":228},[100,702,317],{"class":113},[100,704,706],{"class":102,"line":705},25,[100,707,708],{"class":113},"    ];\n",[100,710,712],{"class":102,"line":711},26,[100,713,335],{"class":113},[78,715,716,717,720],{},"The ",[97,718,719],{},"root()"," scope returns the visible categories with no parent. Each\nnavigation item then recursively renders its visible child categories.",[82,722,724],{"id":723},"rendering-a-menu","Rendering a menu",[78,726,727,728,730],{},"Finally, read the shared ",[97,729,295],{}," prop from your layout and render\nthe links.",[90,732,736],{"className":733,"code":734,"language":735,"meta":95,"style":95},"language-jsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F resources\u002Fjs\u002FLayouts\u002FAppLayout.jsx\nimport { Link, usePage } from '@inertiajs\u002Freact';\n\nfunction NavigationItems({ items }) {\n    return (\n        \u003Cul>\n            {items.map((item) => (\n                \u003Cli key={item.url}>\n                    \u003CLink href={item.url}>{item.name}\u003C\u002FLink>\n\n                    {item.children.length > 0 && (\n                        \u003CNavigationItems items={item.children} \u002F>\n                    )}\n                \u003C\u002Fli>\n            ))}\n        \u003C\u002Ful>\n    );\n}\n\nexport default function AppLayout({ children }) {\n    const { navigation } = usePage().props;\n\n    return (\n        \u003C>\n            \u003Cnav>\n                \u003CNavigationItems items={navigation} \u002F>\n            \u003C\u002Fnav>\n\n            {children}\n        \u003C\u002F>\n    );\n}\n","jsx",[97,737,738,743,774,778,799,807,818,844,867,902,906,933,954,961,970,977,986,993,997,1001,1023,1049,1053,1059,1064,1074,1088,1098,1103,1112,1118,1125],{"__ignoreMap":95},[100,739,740],{"class":102,"line":103},[100,741,742],{"class":106},"\u002F\u002F resources\u002Fjs\u002FLayouts\u002FAppLayout.jsx\n",[100,744,745,748,751,754,756,759,762,765,767,770,772],{"class":102,"line":110},[100,746,747],{"class":258},"import",[100,749,750],{"class":113}," {",[100,752,753],{"class":117}," Link",[100,755,613],{"class":113},[100,757,758],{"class":117}," usePage",[100,760,761],{"class":113}," }",[100,763,764],{"class":258}," from",[100,766,622],{"class":113},[100,768,769],{"class":294},"@inertiajs\u002Freact",[100,771,298],{"class":113},[100,773,150],{"class":113},[100,775,776],{"class":102,"line":121},[100,777,125],{"emptyLinePlaceholder":124},[100,779,780,783,786,789,793,796],{"class":102,"line":128},[100,781,782],{"class":200},"function",[100,784,785],{"class":228}," NavigationItems",[100,787,788],{"class":113},"({",[100,790,792],{"class":791},"sHdIc"," items",[100,794,795],{"class":113}," })",[100,797,798],{"class":113}," {\n",[100,800,801,803],{"class":102,"line":153},[100,802,434],{"class":258},[100,804,806],{"class":805},"swJcz"," (\n",[100,808,809,812,815],{"class":102,"line":158},[100,810,811],{"class":113},"        \u003C",[100,813,814],{"class":805},"ul",[100,816,817],{"class":113},">\n",[100,819,820,823,826,829,831,833,835,838,840,842],{"class":102,"line":178},[100,821,822],{"class":113},"            {",[100,824,825],{"class":117},"items",[100,827,828],{"class":113},".",[100,830,471],{"class":228},[100,832,232],{"class":117},[100,834,232],{"class":113},[100,836,837],{"class":791},"item",[100,839,489],{"class":113},[100,841,301],{"class":200},[100,843,806],{"class":117},[100,845,846,849,852,855,858,860,862,864],{"class":102,"line":192},[100,847,848],{"class":113},"                \u003C",[100,850,851],{"class":805},"li",[100,853,854],{"class":200}," key",[100,856,857],{"class":113},"={",[100,859,837],{"class":117},[100,861,828],{"class":113},[100,863,594],{"class":117},[100,865,866],{"class":113},"}>\n",[100,868,869,872,875,878,880,882,884,886,889,891,893,895,898,900],{"class":102,"line":197},[100,870,871],{"class":113},"                    \u003C",[100,873,874],{"class":135},"Link",[100,876,877],{"class":200}," href",[100,879,857],{"class":113},[100,881,837],{"class":117},[100,883,828],{"class":113},[100,885,594],{"class":117},[100,887,888],{"class":113},"}>{",[100,890,837],{"class":117},[100,892,828],{"class":113},[100,894,570],{"class":117},[100,896,897],{"class":113},"}\u003C\u002F",[100,899,874],{"class":135},[100,901,817],{"class":113},[100,903,904],{"class":102,"line":213},[100,905,125],{"emptyLinePlaceholder":124},[100,907,908,911,913,915,917,919,922,925,928,931],{"class":102,"line":219},[100,909,910],{"class":113},"                    {",[100,912,837],{"class":117},[100,914,828],{"class":113},[100,916,637],{"class":117},[100,918,828],{"class":113},[100,920,921],{"class":117},"length ",[100,923,924],{"class":113},">",[100,926,927],{"class":131}," 0",[100,929,930],{"class":113}," &&",[100,932,806],{"class":117},[100,934,935,938,941,943,945,947,949,951],{"class":102,"line":249},[100,936,937],{"class":113},"                        \u003C",[100,939,940],{"class":135},"NavigationItems",[100,942,792],{"class":200},[100,944,857],{"class":113},[100,946,837],{"class":117},[100,948,828],{"class":113},[100,950,637],{"class":117},[100,952,953],{"class":113},"} \u002F>\n",[100,955,956,959],{"class":102,"line":255},[100,957,958],{"class":117},"                    )",[100,960,335],{"class":113},[100,962,963,966,968],{"class":102,"line":265},[100,964,965],{"class":113},"                \u003C\u002F",[100,967,851],{"class":805},[100,969,817],{"class":113},[100,971,972,975],{"class":102,"line":288},[100,973,974],{"class":117},"            ))",[100,976,335],{"class":113},[100,978,979,982,984],{"class":102,"line":320},[100,980,981],{"class":113},"        \u003C\u002F",[100,983,814],{"class":805},[100,985,817],{"class":113},[100,987,988,991],{"class":102,"line":326},[100,989,990],{"class":805},"    )",[100,992,150],{"class":113},[100,994,995],{"class":102,"line":332},[100,996,335],{"class":113},[100,998,999],{"class":102,"line":564},[100,1000,125],{"emptyLinePlaceholder":124},[100,1002,1003,1006,1009,1011,1014,1016,1019,1021],{"class":102,"line":589},[100,1004,1005],{"class":258},"export",[100,1007,1008],{"class":258}," default",[100,1010,225],{"class":200},[100,1012,1013],{"class":228}," AppLayout",[100,1015,788],{"class":113},[100,1017,1018],{"class":791}," children",[100,1020,795],{"class":113},[100,1022,798],{"class":113},[100,1024,1025,1028,1030,1032,1034,1037,1039,1042,1044,1047],{"class":102,"line":632},[100,1026,1027],{"class":200},"    const",[100,1029,750],{"class":113},[100,1031,420],{"class":117},[100,1033,761],{"class":113},[100,1035,1036],{"class":113}," =",[100,1038,758],{"class":228},[100,1040,1041],{"class":805},"()",[100,1043,828],{"class":113},[100,1045,1046],{"class":117},"props",[100,1048,150],{"class":113},[100,1050,1051],{"class":102,"line":653},[100,1052,125],{"emptyLinePlaceholder":124},[100,1054,1055,1057],{"class":102,"line":687},[100,1056,434],{"class":258},[100,1058,806],{"class":805},[100,1060,1061],{"class":102,"line":696},[100,1062,1063],{"class":113},"        \u003C>\n",[100,1065,1066,1069,1072],{"class":102,"line":705},[100,1067,1068],{"class":113},"            \u003C",[100,1070,1071],{"class":805},"nav",[100,1073,817],{"class":113},[100,1075,1076,1078,1080,1082,1084,1086],{"class":102,"line":711},[100,1077,848],{"class":113},[100,1079,940],{"class":135},[100,1081,792],{"class":200},[100,1083,857],{"class":113},[100,1085,295],{"class":117},[100,1087,953],{"class":113},[100,1089,1091,1094,1096],{"class":102,"line":1090},27,[100,1092,1093],{"class":113},"            \u003C\u002F",[100,1095,1071],{"class":805},[100,1097,817],{"class":113},[100,1099,1101],{"class":102,"line":1100},28,[100,1102,125],{"emptyLinePlaceholder":124},[100,1104,1106,1108,1110],{"class":102,"line":1105},29,[100,1107,822],{"class":113},[100,1109,637],{"class":117},[100,1111,335],{"class":113},[100,1113,1115],{"class":102,"line":1114},30,[100,1116,1117],{"class":113},"        \u003C\u002F>\n",[100,1119,1121,1123],{"class":102,"line":1120},31,[100,1122,990],{"class":805},[100,1124,150],{"class":113},[100,1126,1128],{"class":102,"line":1127},32,[100,1129,335],{"class":113},[82,1131,1133],{"id":1132},"performance","Performance",[78,1135,1136],{},"If the navigation does not change often, wrap the query in Laravel's\ncache and clear it whenever categories are updated.",[1138,1139,1140],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .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 .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":95,"searchDepth":103,"depth":110,"links":1142},[1143,1144,1145,1146],{"id":84,"depth":110,"text":85},{"id":341,"depth":110,"text":342},{"id":723,"depth":110,"text":724},{"id":1132,"depth":110,"text":1133},"Share a category navigation with your Inertia pages.","md",null,{},{"title":61,"description":1147},"yr2xu-VHiXwQfKtpkKq77lqhoZG4gJsyGvjiwx1T_7M",[1154,1156],{"title":52,"path":53,"stem":54,"description":1155,"children":-1},"Install Larasell in a Laravel application.",{"title":65,"path":66,"stem":67,"description":1157,"children":-1},"Create a product detail page.",1789114878354]