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