5:["$","div",null,{"className":"gcontainer","children":[["$","div",null,{"className":"not-prose mb-2 max-w-[65ch]","children":["$","nav",null,{"aria-label":"breadcrumb","data-slot":"breadcrumb","children":["$","ol",null,{"data-slot":"breadcrumb-list","className":"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5","children":[["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1.5","children":["$","a",null,{"data-slot":"breadcrumb-link","className":"hover:text-foreground transition-colors","href":"/blog","children":"Blog"}]}],["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-3.5","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1.5","children":["$","span",null,{"data-slot":"breadcrumb-page","role":"link","aria-disabled":"true","aria-current":"page","className":"text-foreground font-normal","children":"This post"}]}]]}]}]}],["$","div",null,{"data-slot":"alert","role":"alert","className":"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current bg-card text-card-foreground not-prose my-4 sm:my-8","children":[["$","div",null,{"data-slot":"alert-title","className":"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight","children":["This is a micropost (",["$","span",null,{"className":"text-xs text-yellow-500 dark:text-yellow-400","children":"µ"}],")."]}],["$","div",null,{"data-slot":"alert-description","className":"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed","children":"Microposts are intentionally quick and unpolished."}]]}],["$","h1",null,{"children":"Quick tips for using shadcn/ui"}],["$","div",null,{"className":"prose prose-neutral dark:prose-invert max-w-none","dangerouslySetInnerHTML":{"__html":"

Avoid referring to colours directly. Create bg-success instead of bg-green-500.
Use CSS variables for design tokens. Create --color-success instead of #22c55e.
Use shadcn/ui's semantic classnames. Prefer bg-primary over bg-gray-500.
Don't override the 'ui' folder. Create wrapper components instead.

\n"}}]]}]