[{"data":1,"prerenderedAt":7972},["ShallowReactive",2],{"navigation_docs":3,"-blocks-blog-article-page":1538,"-blocks-blog-article-page-surround":7967},[4,36,43,1322,1345,1352,1507,1531],{"title":5,"path":6,"stem":7,"children":8,"icon":35},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23,27,31],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents",{"title":28,"path":29,"stem":30},"Vue + Vite","\u002Fgetting-started\u002Fvue","1.getting-started\u002F7.vue",{"title":32,"path":33,"stem":34},"Laravel","\u002Fgetting-started\u002Flaravel","1.getting-started\u002F8.laravel","i-lucide-rocket",{"title":37,"path":38,"stem":39,"children":40,"icon":42},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[41],{"title":37,"path":38,"stem":39},"i-lucide-lightbulb",{"title":44,"icon":45,"path":46,"stem":47,"children":48},"Components","i-lucide-component","\u002Fcomponents","3.components",[49,51,70,160,274,332,454,472,486,620,710,896,926,956,990,1024,1062,1292],{"title":44,"path":46,"stem":50},"3.components\u002Findex",{"title":52,"icon":53,"path":54,"stem":55,"children":56,"page":69},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[57,61,65],{"title":58,"path":59,"stem":60},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":62,"path":63,"stem":64},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",{"title":66,"path":67,"stem":68},"Globe","\u002Fcomponents\u002F3d\u002Fglobe","3.components\u002F3d\u002Fglobe",false,{"title":71,"icon":72,"path":73,"stem":74,"children":75,"page":69},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156],{"title":77,"path":78,"stem":79},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":81,"path":82,"stem":83},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":85,"path":86,"stem":87},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":89,"path":90,"stem":91},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":93,"path":94,"stem":95},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":97,"path":98,"stem":99},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":101,"path":102,"stem":103},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":105,"path":106,"stem":107},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":109,"path":110,"stem":111},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":113,"path":114,"stem":115},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":117,"path":118,"stem":119},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":121,"path":122,"stem":123},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":125,"path":126,"stem":127},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":129,"path":130,"stem":131},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":133,"path":134,"stem":135},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":137,"path":138,"stem":139},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":141,"path":142,"stem":143},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":145,"path":146,"stem":147},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":149,"path":150,"stem":151},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":153,"path":154,"stem":155},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":157,"path":158,"stem":159},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":161,"icon":162,"path":163,"stem":164,"children":165,"page":69},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270],{"title":167,"path":168,"stem":169},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":171,"path":172,"stem":173},"Animated Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-grid-pattern","3.components\u002Fbackgrounds\u002Fanimated-grid-pattern",{"title":175,"path":176,"stem":177},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":179,"path":180,"stem":181},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":183,"path":184,"stem":185},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":187,"path":188,"stem":189},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":191,"path":192,"stem":193},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":195,"path":196,"stem":197},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":199,"path":200,"stem":201},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":203,"path":204,"stem":205},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":207,"path":208,"stem":209},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":211,"path":212,"stem":213},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":215,"path":216,"stem":217},"Dotted Map","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-map","3.components\u002Fbackgrounds\u002Fdotted-map",{"title":219,"path":220,"stem":221},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":223,"path":224,"stem":225},"Hexagon Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fhexagon-pattern","3.components\u002Fbackgrounds\u002Fhexagon-pattern",{"title":227,"path":228,"stem":229},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":231,"path":232,"stem":233},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":235,"path":236,"stem":237},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":239,"path":240,"stem":241},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":243,"path":244,"stem":245},"Noise Texture","\u002Fcomponents\u002Fbackgrounds\u002Fnoise-texture","3.components\u002Fbackgrounds\u002Fnoise-texture",{"title":247,"path":248,"stem":249},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":251,"path":252,"stem":253},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":255,"path":256,"stem":257},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":259,"path":260,"stem":261},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":263,"path":264,"stem":265},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":267,"path":268,"stem":269},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":271,"path":272,"stem":273},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":275,"icon":276,"path":277,"stem":278,"children":279,"page":69},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[280,284,288,292,296,300,304,308,312,316,320,324,328],{"title":281,"path":282,"stem":283},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":285,"path":286,"stem":287},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":289,"path":290,"stem":291},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":293,"path":294,"stem":295},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":297,"path":298,"stem":299},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":301,"path":302,"stem":303},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":305,"path":306,"stem":307},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":309,"path":310,"stem":311},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":313,"path":314,"stem":315},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":317,"path":318,"stem":319},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":321,"path":322,"stem":323},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":325,"path":326,"stem":327},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":329,"path":330,"stem":331},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":333,"icon":334,"path":335,"stem":336,"children":337,"page":69},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430,434,438,442,446,450],{"title":339,"path":340,"stem":341},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":343,"path":344,"stem":345},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":347,"path":348,"stem":349},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":351,"path":352,"stem":353},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":355,"path":356,"stem":357},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":359,"path":360,"stem":361},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":363,"path":364,"stem":365},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":367,"path":368,"stem":369},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":371,"path":372,"stem":373},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":375,"path":376,"stem":377},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":379,"path":380,"stem":381},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":383,"path":384,"stem":385},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":387,"path":388,"stem":389},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":391,"path":392,"stem":393},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":395,"path":396,"stem":397},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":399,"path":400,"stem":401},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":403,"path":404,"stem":405},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":407,"path":408,"stem":409},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":411,"path":412,"stem":413},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":415,"path":416,"stem":417},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":419,"path":420,"stem":421},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":423,"path":424,"stem":425},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":427,"path":428,"stem":429},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":431,"path":432,"stem":433},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":435,"path":436,"stem":437},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":439,"path":440,"stem":441},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":443,"path":444,"stem":445},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":447,"path":448,"stem":449},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":451,"path":452,"stem":453},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":455,"icon":456,"path":457,"stem":458,"children":459,"page":69},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[460,464,468],{"title":461,"path":462,"stem":463},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":465,"path":466,"stem":467},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":469,"path":470,"stem":471},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":473,"icon":474,"path":475,"stem":476,"children":477,"page":69},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[478,482],{"title":479,"path":480,"stem":481},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":483,"path":484,"stem":485},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":487,"icon":488,"path":489,"stem":490,"children":491,"page":69},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572,576,580,584,588,592,596,600,604,608,612,616],{"title":493,"path":494,"stem":495},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":497,"path":498,"stem":499},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":501,"path":502,"stem":503},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":505,"path":506,"stem":507},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":509,"path":510,"stem":511},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":513,"path":514,"stem":515},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":517,"path":518,"stem":519},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":521,"path":522,"stem":523},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":525,"path":526,"stem":527},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":529,"path":530,"stem":531},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":533,"path":534,"stem":535},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":537,"path":538,"stem":539},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":541,"path":542,"stem":543},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":545,"path":546,"stem":547},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":549,"path":550,"stem":551},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":553,"path":554,"stem":555},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":557,"path":558,"stem":559},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":561,"path":562,"stem":563},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":565,"path":566,"stem":567},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":569,"path":570,"stem":571},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":573,"path":574,"stem":575},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":577,"path":578,"stem":579},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":581,"path":582,"stem":583},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":585,"path":586,"stem":587},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":589,"path":590,"stem":591},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":593,"path":594,"stem":595},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":597,"path":598,"stem":599},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":601,"path":602,"stem":603},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":605,"path":606,"stem":607},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":609,"path":610,"stem":611},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":613,"path":614,"stem":615},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":617,"path":618,"stem":619},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":621,"icon":622,"path":623,"stem":624,"children":625,"page":69},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698,702,706],{"title":627,"path":628,"stem":629},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":631,"path":632,"stem":633},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":635,"path":636,"stem":637},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":639,"path":640,"stem":641},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":643,"path":644,"stem":645},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":647,"path":648,"stem":649},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":651,"path":652,"stem":653},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":655,"path":656,"stem":657},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":659,"path":660,"stem":661},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":663,"path":664,"stem":665},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":667,"path":668,"stem":669},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":671,"path":672,"stem":673},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":675,"path":676,"stem":677},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":679,"path":680,"stem":681},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":683,"path":684,"stem":685},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":687,"path":688,"stem":689},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":691,"path":692,"stem":693},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":695,"path":696,"stem":697},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":699,"path":700,"stem":701},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":703,"path":704,"stem":705},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":707,"path":708,"stem":709},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":711,"icon":712,"path":713,"stem":714,"children":715,"page":69},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840,844,848,852,856,860,864,868,872,876,880,884,888,892],{"title":717,"path":718,"stem":719},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":721,"path":722,"stem":723},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":725,"path":726,"stem":727},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":729,"path":730,"stem":731},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":733,"path":734,"stem":735},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":737,"path":738,"stem":739},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":741,"path":742,"stem":743},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":745,"path":746,"stem":747},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":749,"path":750,"stem":751},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":753,"path":754,"stem":755},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":757,"path":758,"stem":759},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":761,"path":762,"stem":763},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":765,"path":766,"stem":767},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":769,"path":770,"stem":771},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":773,"path":774,"stem":775},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":777,"path":778,"stem":779},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":781,"path":782,"stem":783},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":785,"path":786,"stem":787},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":789,"path":790,"stem":791},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":793,"path":794,"stem":795},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":797,"path":798,"stem":799},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":801,"path":802,"stem":803},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":805,"path":806,"stem":807},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":809,"path":810,"stem":811},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":813,"path":814,"stem":815},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":817,"path":818,"stem":819},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":821,"path":822,"stem":823},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":825,"path":826,"stem":827},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":829,"path":830,"stem":831},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":833,"path":834,"stem":835},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":837,"path":838,"stem":839},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":841,"path":842,"stem":843},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":845,"path":846,"stem":847},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":849,"path":850,"stem":851},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":853,"path":854,"stem":855},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":857,"path":858,"stem":859},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":861,"path":862,"stem":863},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":865,"path":866,"stem":867},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":869,"path":870,"stem":871},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":873,"path":874,"stem":875},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":877,"path":878,"stem":879},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":881,"path":882,"stem":883},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":885,"path":886,"stem":887},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":889,"path":890,"stem":891},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":893,"path":894,"stem":895},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":897,"icon":898,"path":899,"stem":900,"children":901,"page":69},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[902,906,910,914,918,922],{"title":903,"path":904,"stem":905},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":907,"path":908,"stem":909},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":911,"path":912,"stem":913},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":915,"path":916,"stem":917},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":919,"path":920,"stem":921},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":923,"path":924,"stem":925},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":927,"icon":928,"path":929,"stem":930,"children":931,"page":69},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[932,936,940,944,948,952],{"title":933,"path":934,"stem":935},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":937,"path":938,"stem":939},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":941,"path":942,"stem":943},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":945,"path":946,"stem":947},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":949,"path":950,"stem":951},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":953,"path":954,"stem":955},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":957,"icon":958,"path":959,"stem":960,"children":961,"page":69},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[962,966,970,974,978,982,986],{"title":963,"path":964,"stem":965},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":967,"path":968,"stem":969},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":971,"path":972,"stem":973},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":975,"path":976,"stem":977},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":979,"path":980,"stem":981},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":983,"path":984,"stem":985},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":987,"path":988,"stem":989},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":991,"icon":992,"path":993,"stem":994,"children":995,"page":69},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[996,1000,1004,1008,1012,1016,1020],{"title":997,"path":998,"stem":999},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":1001,"path":1002,"stem":1003},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":1005,"path":1006,"stem":1007},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":1009,"path":1010,"stem":1011},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":1013,"path":1014,"stem":1015},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":1017,"path":1018,"stem":1019},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1021,"path":1022,"stem":1023},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1025,"icon":1026,"path":1027,"stem":1028,"children":1029,"page":69},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1030,1034,1038,1042,1046,1050,1054,1058],{"title":1031,"path":1032,"stem":1033},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1035,"path":1036,"stem":1037},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1039,"path":1040,"stem":1041},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1043,"path":1044,"stem":1045},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1047,"path":1048,"stem":1049},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1051,"path":1052,"stem":1053},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1055,"path":1056,"stem":1057},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1059,"path":1060,"stem":1061},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1063,"icon":1064,"path":1065,"stem":1066,"children":1067,"page":69},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260,1264,1268,1272,1276,1280,1284,1288],{"title":1069,"path":1070,"stem":1071},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1073,"path":1074,"stem":1075},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1077,"path":1078,"stem":1079},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1081,"path":1082,"stem":1083},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1085,"path":1086,"stem":1087},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1089,"path":1090,"stem":1091},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1093,"path":1094,"stem":1095},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1097,"path":1098,"stem":1099},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1101,"path":1102,"stem":1103},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1105,"path":1106,"stem":1107},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1109,"path":1110,"stem":1111},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1113,"path":1114,"stem":1115},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1117,"path":1118,"stem":1119},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1121,"path":1122,"stem":1123},"Line Shadow Text","\u002Fcomponents\u002Ftext\u002Fline-shadow-text","3.components\u002Ftext\u002Fline-shadow-text",{"title":1125,"path":1126,"stem":1127},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1129,"path":1130,"stem":1131},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1133,"path":1134,"stem":1135},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1137,"path":1138,"stem":1139},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1141,"path":1142,"stem":1143},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1145,"path":1146,"stem":1147},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1149,"path":1150,"stem":1151},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1153,"path":1154,"stem":1155},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1157,"path":1158,"stem":1159},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1161,"path":1162,"stem":1163},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1165,"path":1166,"stem":1167},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1169,"path":1170,"stem":1171},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1173,"path":1174,"stem":1175},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1177,"path":1178,"stem":1179},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1181,"path":1182,"stem":1183},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1185,"path":1186,"stem":1187},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1189,"path":1190,"stem":1191},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1193,"path":1194,"stem":1195},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1197,"path":1198,"stem":1199},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1201,"path":1202,"stem":1203},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1205,"path":1206,"stem":1207},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1209,"path":1210,"stem":1211},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1213,"path":1214,"stem":1215},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1217,"path":1218,"stem":1219},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1221,"path":1222,"stem":1223},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1225,"path":1226,"stem":1227},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1229,"path":1230,"stem":1231},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1233,"path":1234,"stem":1235},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1237,"path":1238,"stem":1239},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1241,"path":1242,"stem":1243},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1245,"path":1246,"stem":1247},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1249,"path":1250,"stem":1251},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1253,"path":1254,"stem":1255},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1257,"path":1258,"stem":1259},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1261,"path":1262,"stem":1263},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1265,"path":1266,"stem":1267},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1269,"path":1270,"stem":1271},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1273,"path":1274,"stem":1275},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1277,"path":1278,"stem":1279},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1281,"path":1282,"stem":1283},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1285,"path":1286,"stem":1287},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1289,"path":1290,"stem":1291},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1293,"icon":1294,"path":1295,"stem":1296,"children":1297,"page":69},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1298,1302,1306,1310,1314,1318],{"title":1299,"path":1300,"stem":1301},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1303,"path":1304,"stem":1305},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1307,"path":1308,"stem":1309},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1311,"path":1312,"stem":1313},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1315,"path":1316,"stem":1317},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1319,"path":1320,"stem":1321},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1323,"path":1324,"stem":1325,"children":1326,"icon":1344},"Composables","\u002Fcomposables","4.composables\u002Findex",[1327,1328,1332,1336,1340],{"title":1323,"path":1324,"stem":1325},{"title":1329,"path":1330,"stem":1331},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1333,"path":1334,"stem":1335},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1337,"path":1338,"stem":1339},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1341,"path":1342,"stem":1343},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1346,"path":1347,"stem":1348,"children":1349,"icon":1351},"Guides","\u002Fguides","5.guides\u002Findex",[1350],{"title":1346,"path":1347,"stem":1348},"i-lucide-book-open",{"title":1353,"icon":1354,"path":1355,"stem":1356,"children":1357},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1358,1360,1373,1382,1395,1408,1424,1437,1446,1455,1468,1477,1490,1499],{"title":1353,"path":1355,"stem":1359},"6.blocks\u002Findex",{"title":1361,"path":1362,"stem":1363,"children":1364,"page":69},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1365,1369],{"title":1366,"path":1367,"stem":1368},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1370,"path":1371,"stem":1372},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1374,"path":1375,"stem":1376,"children":1377,"page":69},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1378],{"title":1379,"path":1380,"stem":1381},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1383,"path":1384,"stem":1385,"children":1386,"page":69},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1387,1391],{"title":1388,"path":1389,"stem":1390},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1392,"path":1393,"stem":1394},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1396,"path":1397,"stem":1398,"children":1399,"page":69},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1400,1404],{"title":1401,"path":1402,"stem":1403},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1405,"path":1406,"stem":1407},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1409,"path":1410,"stem":1411,"children":1412,"page":69},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1413,1417,1420],{"title":1414,"path":1415,"stem":1416},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":175,"path":1418,"stem":1419},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1421,"path":1422,"stem":1423},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1425,"path":1426,"stem":1427,"children":1428,"page":69},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1429,1433],{"title":1430,"path":1431,"stem":1432},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1434,"path":1435,"stem":1436},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1438,"path":1439,"stem":1440,"children":1441,"page":69},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1442],{"title":1443,"path":1444,"stem":1445},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1447,"path":1448,"stem":1449,"children":1450,"page":69},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1451],{"title":1452,"path":1453,"stem":1454},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1456,"path":1457,"stem":1458,"children":1459,"page":69},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1460,1464],{"title":1461,"path":1462,"stem":1463},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1465,"path":1466,"stem":1467},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1469,"path":1470,"stem":1471,"children":1472,"page":69},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1473],{"title":1474,"path":1475,"stem":1476},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1478,"path":1479,"stem":1480,"children":1481,"page":69},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1482,1486],{"title":1483,"path":1484,"stem":1485},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1487,"path":1488,"stem":1489},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1491,"path":1492,"stem":1493,"children":1494,"page":69},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1495],{"title":1496,"path":1497,"stem":1498},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1500,"path":1501,"stem":1502,"children":1503,"page":69},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1504],{"title":1465,"path":1505,"stem":1506},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1508,"icon":1509,"path":1510,"stem":1511,"children":1512},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1513,1515,1519,1523,1527],{"title":1508,"path":1510,"stem":1514},"7.templates\u002Findex",{"title":1516,"path":1517,"stem":1518},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1520,"path":1521,"stem":1522},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1524,"path":1525,"stem":1526},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1528,"path":1529,"stem":1530},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1532,"path":1533,"stem":1534,"children":1535,"icon":1537},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1536],{"title":1532,"path":1533,"stem":1534},"i-lucide-braces",{"id":1539,"title":1366,"body":1540,"description":1546,"extension":4292,"links":7963,"meta":7964,"navigation":5715,"path":1367,"seo":7965,"stem":1368,"__hash__":7966},"docs\u002F6.blocks\u002Fblog\u002Farticle-page.md",{"type":1541,"value":1542,"toc":7960},"minimark",[1543,1547,1551,7956],[1544,1545,1546],"p",{},"A complete article page with featured image, author information, table of contents, and related articles.",[1548,1549,16],"h2",{"id":1550},"usage",[1552,1553,1555,1568],"code-preview",{"label":1554},"Preview",[1556,1557,1563,1564],"div",{"className":1558},[1559,1560,1561,1562],"flex","justify-center","w-full","h-full","  ",[1565,1566],"component-example",{"name":1567},"ArticlePageExample",[1569,1570,1572],"template",{"v-slot:code":1571},"",[1573,1574,1578],"pre",{"className":1575,"code":1576,"language":1577,"meta":1571,"style":1571},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\n    \u003C!-- Article Header -->\n    \u003Cheader class=\"mb-12\">\n      \u003CMInView\n        :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n        :transition=\"{ duration: 0.5 }\"\n      >\n        \u003Cdiv class=\"flex items-center gap-2 mb-4\">\n          \u003CUBadge\n            :color=\"getCategoryColor(article.category)\"\n            variant=\"subtle\"\n          >\n            {{ article.category }}\n          \u003C\u002FUBadge>\n          \u003Cspan class=\"text-gray-500 dark:text-gray-400\">{{ article.date }}\u003C\u002Fspan>\n          \u003Cspan class=\"text-gray-500 dark:text-gray-400\">•\u003C\u002Fspan>\n          \u003Cspan class=\"text-gray-500 dark:text-gray-400\">{{ article.readTime }} min read\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002FMInView>\n      \n      \u003CMInView\n        :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n        :transition=\"{ duration: 0.5, delay: 0.1 }\"\n      >\n        \u003Ch1 class=\"text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-6\">\n          {{ article.title }}\n        \u003C\u002Fh1>\n      \u003C\u002FMInView>\n      \n      \u003CMInView\n        :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n        :transition=\"{ duration: 0.5, delay: 0.2 }\"\n      >\n        \u003Cp class=\"text-xl text-gray-600 dark:text-gray-400 mb-8\">\n          {{ article.excerpt }}\n        \u003C\u002Fp>\n      \u003C\u002FMInView>\n      \n      \u003CMInView\n        :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n        :transition=\"{ duration: 0.5, delay: 0.3 }\"\n        class=\"flex items-center\"\n      >\n        \u003CUAvatar\n          :src=\"article.author.avatar\"\n          :alt=\"article.author.name\"\n          size=\"lg\"\n          class=\"mr-4\"\n        \u002F>\n        \u003Cdiv>\n          \u003Cp class=\"font-medium text-gray-900 dark:text-white\">{{ article.author.name }}\u003C\u002Fp>\n          \u003Cp class=\"text-gray-500 dark:text-gray-400 text-sm\">{{ article.author.role }}\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002FMInView>\n    \u003C\u002Fheader>\n    \n    \u003C!-- Featured Image -->\n    \u003CMInView\n      :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n      :transition=\"{ duration: 0.5, delay: 0.4 }\"\n      class=\"mb-12\"\n    >\n      \u003Cimg\n        :src=\"article.featuredImage\"\n        :alt=\"article.title\"\n        class=\"w-full h-96 object-cover rounded-xl\"\n      >\n    \u003C\u002FMInView>\n    \n    \u003Cdiv class=\"flex flex-col lg:flex-row gap-12\">\n      \u003C!-- Main Content -->\n      \u003Cmain class=\"lg:w-3\u002F4\">\n        \u003C!-- Article Content -->\n        \u003CMAnimatedGroup\n          :stagger-children=\"0.1\"\n          preset=\"fade\"\n          initial=\"hidden\"\n          animate=\"visible\"\n          class=\"prose prose-lg dark:prose-invert max-w-none\"\n        >\n          \u003Cdiv v-html=\"article.content\">\u003C\u002Fdiv>\n        \u003C\u002FMAnimatedGroup>\n        \n        \u003C!-- Tags -->\n        \u003CMInView\n          :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n          :transition=\"{ duration: 0.5 }\"\n          class=\"mt-12 pt-8 border-t border-gray-200 dark:border-gray-800\"\n        >\n          \u003Cdiv class=\"flex flex-wrap gap-2\">\n            \u003CUBadge\n              v-for=\"tag in article.tags\"\n              :key=\"tag\"\n              variant=\"soft\"\n              size=\"lg\"\n              class=\"px-3 py-1\"\n            >\n              {{ tag }}\n            \u003C\u002FUBadge>\n          \u003C\u002Fdiv>\n        \u003C\u002FMInView>\n        \n        \u003C!-- Author Card -->\n        \u003CMInView\n          :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n          :transition=\"{ duration: 0.5, delay: 0.1 }\"\n          class=\"mt-12\"\n        >\n          \u003CUCard>\n            \u003Cdiv class=\"flex items-start\">\n              \u003CUAvatar\n                :src=\"article.author.avatar\"\n                :alt=\"article.author.name\"\n                size=\"xl\"\n                class=\"mr-6\"\n              \u002F>\n              \u003Cdiv>\n                \u003Ch3 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2\">\n                  Written by {{ article.author.name }}\n                \u003C\u002Fh3>\n                \u003Cp class=\"text-gray-600 dark:text-gray-400 mb-4\">\n                  {{ article.author.bio }}\n                \u003C\u002Fp>\n                \u003Cdiv class=\"flex space-x-3\">\n                  \u003CUButton\n                    v-if=\"article.author.twitter\"\n                    :to=\"article.author.twitter\"\n                    color=\"gray\"\n                    variant=\"ghost\"\n                    icon=\"i-simple-icons-twitter\"\n                    size=\"sm\"\n                  \u002F>\n                  \u003CUButton\n                    v-if=\"article.author.linkedin\"\n                    :to=\"article.author.linkedin\"\n                    color=\"gray\"\n                    variant=\"ghost\"\n                    icon=\"i-simple-icons-linkedin\"\n                    size=\"sm\"\n                  \u002F>\n                  \u003CUButton\n                    v-if=\"article.author.github\"\n                    :to=\"article.author.github\"\n                    color=\"gray\"\n                    variant=\"ghost\"\n                    icon=\"i-simple-icons-github\"\n                    size=\"sm\"\n                  \u002F>\n                \u003C\u002Fdiv>\n              \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n          \u003C\u002FUCard>\n        \u003C\u002FMInView>\n        \n        \u003C!-- Comments Section -->\n        \u003CMInView\n          :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n          :transition=\"{ duration: 0.5, delay: 0.2 }\"\n          class=\"mt-12\"\n        >\n          \u003Cdiv class=\"border-t border-gray-200 dark:border-gray-800 pt-8\">\n            \u003Ch3 class=\"text-2xl font-bold text-gray-900 dark:text-white mb-6\">\n              Comments ({{ comments.length }})\n            \u003C\u002Fh3>\n            \n            \u003Cdiv class=\"space-y-6 mb-8\">\n              \u003Cdiv\n                v-for=\"comment in comments\"\n                :key=\"comment.id\"\n                class=\"flex\"\n              >\n                \u003CUAvatar\n                  :src=\"comment.author.avatar\"\n                  :alt=\"comment.author.name\"\n                  size=\"md\"\n                  class=\"mr-4\"\n                \u002F>\n                \u003Cdiv class=\"flex-1\">\n                  \u003Cdiv class=\"bg-gray-100 dark:bg-gray-800 rounded-lg p-4\">\n                    \u003Cdiv class=\"flex items-center justify-between mb-2\">\n                      \u003Cspan class=\"font-medium text-gray-900 dark:text-white\">\n                        {{ comment.author.name }}\n                      \u003C\u002Fspan>\n                      \u003Cspan class=\"text-sm text-gray-500 dark:text-gray-400\">\n                        {{ formatDate(comment.date) }}\n                      \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cp class=\"text-gray-700 dark:text-gray-300\">\n                      {{ comment.content }}\n                    \u003C\u002Fp>\n                  \u003C\u002Fdiv>\n                  \u003Cdiv class=\"mt-2 ml-2\">\n                    \u003CUButton\n                      color=\"gray\"\n                      variant=\"ghost\"\n                      size=\"xs\"\n                      icon=\"i-heroicons-arrow-up-tray\"\n                      label=\"Reply\"\n                    \u002F>\n                  \u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n              \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n            \n            \u003CUCard>\n              \u003Ch4 class=\"font-bold text-gray-900 dark:text-white mb-4\">\n                Leave a comment\n              \u003C\u002Fh4>\n              \u003CUTextarea\n                v-model=\"newComment\"\n                placeholder=\"Share your thoughts...\"\n                :rows=\"4\"\n                class=\"mb-4\"\n              \u002F>\n              \u003Cdiv class=\"flex justify-between items-center\">\n                \u003Cdiv class=\"flex items-center\">\n                  \u003CUCheckbox\n                    v-model=\"subscribeToReplies\"\n                    label=\"Subscribe to replies\"\n                    class=\"mr-4\"\n                  \u002F>\n                \u003C\u002Fdiv>\n                \u003CUButton\n                  :disabled=\"!newComment.trim()\"\n                  @click=\"addComment\"\n                >\n                  Post Comment\n                \u003C\u002FUButton>\n              \u003C\u002Fdiv>\n            \u003C\u002FUCard>\n          \u003C\u002Fdiv>\n        \u003C\u002FMInView>\n      \u003C\u002Fmain>\n      \n      \u003C!-- Sidebar -->\n      \u003Caside class=\"lg:w-1\u002F4\">\n        \u003C!-- Table of Contents -->\n        \u003CMAnimatedGroup\n          :stagger-children=\"0.05\"\n          preset=\"fade\"\n          initial=\"hidden\"\n          animate=\"visible\"\n          class=\"sticky top-8\"\n        >\n          \u003CUCard class=\"mb-8\">\n            \u003Ch3 class=\"font-bold text-lg text-gray-900 dark:text-white mb-4\">\n              Table of Contents\n            \u003C\u002Fh3>\n            \u003Cul class=\"space-y-2\">\n              \u003Cli\n                v-for=\"(heading, index) in article.headings\"\n                :key=\"index\"\n              >\n                \u003Ca\n                  :href=\"`#${heading.id}`\"\n                  class=\"text-gray-600 dark:text-gray-400 hover:text-primary-500 dark:hover:text-primary-400 transition-colors\"\n                  :class=\"{ 'font-medium text-primary-500 dark:text-primary-400': activeHeading === heading.id }\"\n                >\n                  {{ heading.text }}\n                \u003C\u002Fa>\n              \u003C\u002Fli>\n            \u003C\u002Ful>\n          \u003C\u002FUCard>\n          \n          \u003C!-- Related Articles -->\n          \u003CUCard>\n            \u003Ch3 class=\"font-bold text-lg text-gray-900 dark:text-white mb-4\">\n              Related Articles\n            \u003C\u002Fh3>\n            \u003Cul class=\"space-y-4\">\n              \u003Cli\n                v-for=\"related in relatedArticles\"\n                :key=\"related.id\"\n              >\n                \u003CNuxtLink\n                  :to=\"`\u002Fblog\u002F${related.slug}`\"\n                  class=\"block group\"\n                >\n                  \u003Cimg\n                    :src=\"related.image\"\n                    :alt=\"related.title\"\n                    class=\"w-full h-24 object-cover rounded-lg mb-2\"\n                  >\n                  \u003Ch4 class=\"font-medium text-gray-900 dark:text-white group-hover:text-primary-500 dark:group-hover:text-primary-400 transition-colors\">\n                    {{ related.title }}\n                  \u003C\u002Fh4>\n                  \u003Cp class=\"text-sm text-gray-500 dark:text-gray-400 mt-1\">\n                    {{ related.date }}\n                  \u003C\u002Fp>\n                \u003C\u002FNuxtLink>\n              \u003C\u002Fli>\n            \u003C\u002Ful>\n          \u003C\u002FUCard>\n        \u003C\u002FMAnimatedGroup>\n      \u003C\u002Faside>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst activeHeading = ref('')\nconst newComment = ref('')\nconst subscribeToReplies = ref(false)\n\nconst article = {\n  id: 1,\n  title: 'Getting Started with Vue 3 Composition API',\n  excerpt: 'Learn how to leverage the Composition API in Vue 3 to build more maintainable and scalable applications.',\n  category: 'Technology',\n  date: 'May 15, 2023',\n  readTime: 8,\n  featuredImage: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1633356122102-3fe601e05bd2?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80',\n  author: {\n    name: 'Alex Johnson',\n    avatar: 'https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fmen\u002F32.jpg',\n    role: 'Senior Frontend Developer',\n    bio: 'Alex is a senior frontend developer with over 8 years of experience building web applications. He specializes in Vue.js and React.',\n    twitter: 'https:\u002F\u002Ftwitter.com\u002Fexample',\n    linkedin: 'https:\u002F\u002Flinkedin.com\u002Fin\u002Fexample',\n    github: 'https:\u002F\u002Fgithub.com\u002Fexample'\n  },\n  tags: ['Vue.js', 'JavaScript', 'Frontend', 'Composition API'],\n  headings: [\n    { id: 'introduction', text: 'Introduction' },\n    { id: 'setup', text: 'Getting your project ready' },\n    { id: 'reactive-data', text: 'Working with Reactive Data' },\n    { id: 'computed-properties', text: 'Computed Properties and Watchers' },\n    { id: 'lifecycle-hooks', text: 'Lifecycle Hooks' },\n    { id: 'best-practices', text: 'Best Practices' },\n    { id: 'conclusion', text: 'Conclusion' }\n  ],\n  content: `\n    \u003Ch2 id=\"introduction\">Introduction\u003C\u002Fh2>\n    \u003Cp>The Vue 3 Composition API is a new way to organize and reuse logic in Vue components. It provides a more flexible alternative to the Options API, allowing developers to group related logic together and share it across components more easily.\u003C\u002Fp>\n    \n    \u003Ch2 id=\"setup\">Getting your project ready\u003C\u002Fh2>\n    \u003Cp>To get started with the Composition API, you'll need to have Vue 3 installed in your project. If you're starting a new project, you can use the Vue CLI:\u003C\u002Fp>\n    \u003Cpre>\u003Ccode class=\"language-bash\">npm install -g @vue\u002Fcli\nvue create my-project\ncd my-project\nvue add vue-next\u003C\u002Fcode>\u003C\u002Fpre>\n    \n    \u003Ch2 id=\"reactive-data\">Working with Reactive Data\u003C\u002Fh2>\n    \u003Cp>One of the key features of the Composition API is the \u003Ccode>ref\u003C\u002Fcode> and \u003Ccode>reactive\u003C\u002Fcode> functions for creating reactive data. Here's how you can use them:\u003C\u002Fp>\n    \u003Cpre>\u003Ccode class=\"language-javascript\">import { ref, reactive } from 'vue'\n\nexport default {\n  setup() {\n    const count = ref(0)\n    const state = reactive({\n      name: 'John',\n      age: 30\n    })\n    \n    const increment = () => {\n      count.value++\n    }\n    \n    return {\n      count,\n      state,\n      increment\n    }\n  }\n}\u003C\u002Fcode>\u003C\u002Fpre>\n    \n    \u003Ch2 id=\"computed-properties\">Computed Properties and Watchers\u003C\u002Fh2>\n    \u003Cp>The Composition API also provides \u003Ccode>computed\u003C\u002Fcode> and \u003Ccode>watch\u003C\u002Fcode> functions for creating computed properties and watchers:\u003C\u002Fp>\n    \u003Cpre>\u003Ccode class=\"language-javascript\">import { ref, computed, watch } from 'vue'\n\nexport default {\n  setup() {\n    const firstName = ref('John')\n    const lastName = ref('Doe')\n    \n    const fullName = computed(() => {\n      return \\`\\${firstName.value} \\${lastName.value}\\`\n    })\n    \n    watch(firstName, (newVal, oldVal) => {\n      console.log(\\`First name changed from \\${oldVal} to \\${newVal}\\`)\n    })\n    \n    return {\n      firstName,\n      lastName,\n      fullName\n    }\n  }\n}\u003C\u002Fcode>\u003C\u002Fpre>\n    \n    \u003Ch2 id=\"lifecycle-hooks\">Lifecycle Hooks\u003C\u002Fh2>\n    \u003Cp>Lifecycle hooks in the Composition API are prefixed with \"on\" and imported from Vue:\u003C\u002Fp>\n    \u003Cpre>\u003Ccode class=\"language-javascript\">import { onMounted, onUnmounted } from 'vue'\n\nexport default {\n  setup() {\n    onMounted(() => {\n      console.log('Component mounted!')\n    })\n    \n    onUnmounted(() => {\n      console.log('Component unmounted!')\n    })\n  }\n}\u003C\u002Fcode>\u003C\u002Fpre>\n    \n    \u003Ch2 id=\"best-practices\">Best Practices\u003C\u002Fh2>\n    \u003Cp>When using the Composition API, consider these best practices:\u003C\u002Fp>\n    \u003Cul>\n      \u003Cli>Group related logic together in composable functions\u003C\u002Fli>\n      \u003Cli>Use descriptive names for refs and reactive objects\u003C\u002Fli>\n      \u003Cli>Keep setup functions small and focused\u003C\u002Fli>\n      \u003Cli>Extract reusable logic into separate modules\u003C\u002Fli>\n    \u003C\u002Ful>\n    \n    \u003Ch2 id=\"conclusion\">Conclusion\u003C\u002Fh2>\n    \u003Cp>The Vue 3 Composition API offers a powerful and flexible way to organize your Vue components. By following these guidelines and experimenting with the API, you'll be able to build more maintainable and scalable Vue applications.\u003C\u002Fp>\n  `\n}\n\nconst relatedArticles = [\n  {\n    id: 2,\n    title: 'Advanced Vue Patterns',\n    date: 'May 10, 2023',\n    image: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\n    slug: 'advanced-vue-patterns'\n  },\n  {\n    id: 3,\n    title: 'State Management in Vue 3',\n    date: 'May 5, 2023',\n    image: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\n    slug: 'state-management-in-vue-3'\n  },\n  {\n    id: 4,\n    title: 'Building a Vue 3 Component Library',\n    date: 'April 28, 2023',\n    image: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1547891654-e66ed7ebb968?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\n    slug: 'building-a-vue-3-component-library'\n  }\n]\n\nconst comments = ref([\n  {\n    id: 1,\n    author: {\n      name: 'Sarah Williams',\n      avatar: 'https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fwomen\u002F44.jpg'\n    },\n    content: 'Great article! The Composition API has really changed how I structure my Vue components. Thanks for the clear examples.',\n    date: '2023-05-16T10:30:00Z'\n  },\n  {\n    id: 2,\n    author: {\n      name: 'Michael Chen',\n      avatar: 'https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fmen\u002F22.jpg'\n    },\n    content: 'I\\'ve been using the Composition API for a few months now, and I completely agree with your best practices section. Grouping related logic has made my code so much more maintainable.',\n    date: '2023-05-16T14:15:00Z'\n  }\n])\n\nconst getCategoryColor = (category: string) => {\n  switch (category) {\n    case 'Technology': return 'blue'\n    case 'Design': return 'purple'\n    case 'Business': return 'green'\n    case 'Lifestyle': return 'pink'\n    case 'Travel': return 'amber'\n    default: return 'gray'\n  }\n}\n\nconst formatDate = (dateString: string) => {\n  const date = new Date(dateString)\n  return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })\n}\n\nconst addComment = () => {\n  if (!newComment.value.trim()) return\n  \n  comments.value.push({\n    id: comments.value.length + 1,\n    author: {\n      name: 'Current User',\n      avatar: 'https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Flego\u002F1.jpg'\n    },\n    content: newComment.value,\n    date: new Date().toISOString()\n  })\n  \n  newComment.value = ''\n}\n\u003C\u002Fscript>\n","vue",[1579,1580,1581,1596,1622,1629,1651,1660,1732,1759,1765,1786,1795,1830,1845,1851,1857,1868,1899,1927,1955,1965,1976,1982,1989,2044,2077,2082,2103,2109,2118,2127,2132,2139,2194,2226,2231,2251,2257,2266,2275,2280,2287,2342,2374,2389,2394,2402,2429,2454,2469,2484,2490,2499,2528,2557,2566,2575,2585,2591,2597,2604,2660,2692,2706,2712,2720,2735,2750,2764,2769,2778,2783,2803,2809,2830,2836,2844,2860,2875,2889,2903,2917,2923,2949,2959,2965,2971,2978,3033,3056,3070,3075,3095,3103,3129,3146,3161,3175,3190,3196,3202,3212,3221,3230,3235,3241,3248,3303,3334,3348,3353,3363,3383,3391,3415,3438,3453,3468,3474,3483,3505,3511,3521,3541,3547,3556,3576,3585,3608,3633,3648,3663,3678,3693,3699,3706,3728,3751,3764,3777,3791,3804,3809,3816,3838,3861,3874,3887,3901,3914,3919,3928,3938,3947,3956,3965,3970,3976,3983,4038,4069,4082,4087,4107,4127,4133,4142,4148,4168,4176,4191,4206,4219,4225,4232,4257,4280,4295,4309,4315,4335,4355,4376,4396,4402,4412,4432,4438,4447,4457,4477,4483,4492,4502,4522,4529,4543,4557,4572,4587,4602,4608,4617,4626,4635,4644,4649,4658,4679,4685,4694,4702,4717,4732,4749,4763,4768,4788,4807,4815,4830,4845,4859,4864,4873,4880,4907,4925,4931,4937,4947,4956,4965,4974,4983,4992,4997,5003,5024,5030,5037,5053,5066,5079,5092,5106,5111,5131,5151,5157,5166,5187,5195,5209,5223,5228,5236,5251,5265,5280,5285,5291,5301,5311,5320,5329,5335,5341,5350,5369,5375,5384,5404,5411,5425,5439,5444,5452,5481,5495,5500,5507,5522,5537,5551,5557,5577,5583,5592,5612,5618,5627,5637,5646,5655,5664,5673,5682,5691,5701,5710,5717,5742,5764,5782,5802,5807,5820,5835,5854,5871,5888,5905,5918,5935,5945,5962,5979,5996,6013,6030,6047,6063,6069,6120,6131,6165,6196,6227,6258,6289,6320,6352,6360,6371,6377,6383,6388,6394,6400,6406,6412,6418,6424,6429,6435,6441,6447,6452,6458,6464,6470,6476,6482,6488,6494,6499,6505,6511,6517,6522,6528,6534,6540,6546,6551,6557,6563,6568,6574,6580,6586,6591,6596,6601,6607,6613,6618,6624,6645,6650,6655,6661,6687,6692,6697,6702,6708,6714,6720,6725,6730,6735,6740,6746,6752,6758,6763,6768,6773,6779,6785,6790,6795,6801,6807,6812,6817,6822,6827,6833,6839,6845,6851,6857,6863,6869,6875,6880,6886,6892,6898,6904,6909,6921,6927,6940,6957,6974,6991,7006,7011,7016,7028,7044,7060,7076,7090,7095,7100,7112,7128,7144,7160,7174,7179,7185,7190,7205,7210,7221,7231,7248,7263,7269,7286,7300,7305,7310,7321,7330,7346,7360,7365,7387,7401,7406,7412,7417,7446,7462,7486,7509,7532,7555,7578,7594,7599,7604,7609,7634,7658,7728,7733,7738,7755,7782,7788,7807,7833,7842,7858,7872,7877,7893,7914,7922,7927,7942,7947],"code",{"__ignoreMap":1571},[1582,1583,1586,1590,1593],"span",{"class":1584,"line":1585},"line",1,[1582,1587,1589],{"class":1588},"sMK4o","\u003C",[1582,1591,1569],{"class":1592},"swJcz",[1582,1594,1595],{"class":1588},">\n",[1582,1597,1599,1602,1604,1608,1611,1614,1618,1620],{"class":1584,"line":1598},2,[1582,1600,1601],{"class":1588},"  \u003C",[1582,1603,1556],{"class":1592},[1582,1605,1607],{"class":1606},"spNyl"," class",[1582,1609,1610],{"class":1588},"=",[1582,1612,1613],{"class":1588},"\"",[1582,1615,1617],{"class":1616},"sfazB","max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12",[1582,1619,1613],{"class":1588},[1582,1621,1595],{"class":1588},[1582,1623,1625],{"class":1584,"line":1624},3,[1582,1626,1628],{"class":1627},"sHwdD","    \u003C!-- Article Header -->\n",[1582,1630,1632,1635,1638,1640,1642,1644,1647,1649],{"class":1584,"line":1631},4,[1582,1633,1634],{"class":1588},"    \u003C",[1582,1636,1637],{"class":1592},"header",[1582,1639,1607],{"class":1606},[1582,1641,1610],{"class":1588},[1582,1643,1613],{"class":1588},[1582,1645,1646],{"class":1616},"mb-12",[1582,1648,1613],{"class":1588},[1582,1650,1595],{"class":1588},[1582,1652,1654,1657],{"class":1584,"line":1653},5,[1582,1655,1656],{"class":1588},"      \u003C",[1582,1658,1659],{"class":1592},"MInView\n",[1582,1661,1663,1666,1669,1671,1673,1676,1679,1682,1685,1688,1692,1695,1698,1700,1703,1706,1709,1711,1713,1715,1718,1720,1722,1724,1726,1729],{"class":1584,"line":1662},6,[1582,1664,1665],{"class":1588},"        :",[1582,1667,1668],{"class":1606},"variants",[1582,1670,1610],{"class":1588},[1582,1672,1613],{"class":1588},[1582,1674,1675],{"class":1588},"{ ",[1582,1677,1678],{"class":1592},"hidden",[1582,1680,1681],{"class":1588},": { ",[1582,1683,1684],{"class":1592},"opacity",[1582,1686,1687],{"class":1588},": ",[1582,1689,1691],{"class":1690},"sbssI","0",[1582,1693,1694],{"class":1588},", ",[1582,1696,1697],{"class":1592},"y",[1582,1699,1687],{"class":1588},[1582,1701,1702],{"class":1690},"20",[1582,1704,1705],{"class":1588}," }, ",[1582,1707,1708],{"class":1592},"visible",[1582,1710,1681],{"class":1588},[1582,1712,1684],{"class":1592},[1582,1714,1687],{"class":1588},[1582,1716,1717],{"class":1690},"1",[1582,1719,1694],{"class":1588},[1582,1721,1697],{"class":1592},[1582,1723,1687],{"class":1588},[1582,1725,1691],{"class":1690},[1582,1727,1728],{"class":1588}," } }",[1582,1730,1731],{"class":1588},"\"\n",[1582,1733,1735,1737,1740,1742,1744,1746,1749,1751,1754,1757],{"class":1584,"line":1734},7,[1582,1736,1665],{"class":1588},[1582,1738,1739],{"class":1606},"transition",[1582,1741,1610],{"class":1588},[1582,1743,1613],{"class":1588},[1582,1745,1675],{"class":1588},[1582,1747,1748],{"class":1592},"duration",[1582,1750,1687],{"class":1588},[1582,1752,1753],{"class":1690},"0.5",[1582,1755,1756],{"class":1588}," }",[1582,1758,1731],{"class":1588},[1582,1760,1762],{"class":1584,"line":1761},8,[1582,1763,1764],{"class":1588},"      >\n",[1582,1766,1768,1771,1773,1775,1777,1779,1782,1784],{"class":1584,"line":1767},9,[1582,1769,1770],{"class":1588},"        \u003C",[1582,1772,1556],{"class":1592},[1582,1774,1607],{"class":1606},[1582,1776,1610],{"class":1588},[1582,1778,1613],{"class":1588},[1582,1780,1781],{"class":1616},"flex items-center gap-2 mb-4",[1582,1783,1613],{"class":1588},[1582,1785,1595],{"class":1588},[1582,1787,1789,1792],{"class":1584,"line":1788},10,[1582,1790,1791],{"class":1588},"          \u003C",[1582,1793,1794],{"class":1592},"UBadge\n",[1582,1796,1798,1801,1804,1806,1808,1812,1815,1819,1822,1825,1828],{"class":1584,"line":1797},11,[1582,1799,1800],{"class":1588},"            :",[1582,1802,1803],{"class":1606},"color",[1582,1805,1610],{"class":1588},[1582,1807,1613],{"class":1588},[1582,1809,1811],{"class":1810},"s2Zo4","getCategoryColor",[1582,1813,1814],{"class":1588},"(",[1582,1816,1818],{"class":1817},"sTEyZ","article",[1582,1820,1821],{"class":1588},".",[1582,1823,1824],{"class":1817},"category",[1582,1826,1827],{"class":1588},")",[1582,1829,1731],{"class":1588},[1582,1831,1833,1836,1838,1840,1843],{"class":1584,"line":1832},12,[1582,1834,1835],{"class":1606},"            variant",[1582,1837,1610],{"class":1588},[1582,1839,1613],{"class":1588},[1582,1841,1842],{"class":1616},"subtle",[1582,1844,1731],{"class":1588},[1582,1846,1848],{"class":1584,"line":1847},13,[1582,1849,1850],{"class":1588},"          >\n",[1582,1852,1854],{"class":1584,"line":1853},14,[1582,1855,1856],{"class":1817},"            {{ article.category }}\n",[1582,1858,1860,1863,1866],{"class":1584,"line":1859},15,[1582,1861,1862],{"class":1588},"          \u003C\u002F",[1582,1864,1865],{"class":1592},"UBadge",[1582,1867,1595],{"class":1588},[1582,1869,1871,1873,1875,1877,1879,1881,1884,1886,1889,1892,1895,1897],{"class":1584,"line":1870},16,[1582,1872,1791],{"class":1588},[1582,1874,1582],{"class":1592},[1582,1876,1607],{"class":1606},[1582,1878,1610],{"class":1588},[1582,1880,1613],{"class":1588},[1582,1882,1883],{"class":1616},"text-gray-500 dark:text-gray-400",[1582,1885,1613],{"class":1588},[1582,1887,1888],{"class":1588},">",[1582,1890,1891],{"class":1817},"{{ article.date }}",[1582,1893,1894],{"class":1588},"\u003C\u002F",[1582,1896,1582],{"class":1592},[1582,1898,1595],{"class":1588},[1582,1900,1902,1904,1906,1908,1910,1912,1914,1916,1918,1921,1923,1925],{"class":1584,"line":1901},17,[1582,1903,1791],{"class":1588},[1582,1905,1582],{"class":1592},[1582,1907,1607],{"class":1606},[1582,1909,1610],{"class":1588},[1582,1911,1613],{"class":1588},[1582,1913,1883],{"class":1616},[1582,1915,1613],{"class":1588},[1582,1917,1888],{"class":1588},[1582,1919,1920],{"class":1817},"•",[1582,1922,1894],{"class":1588},[1582,1924,1582],{"class":1592},[1582,1926,1595],{"class":1588},[1582,1928,1930,1932,1934,1936,1938,1940,1942,1944,1946,1949,1951,1953],{"class":1584,"line":1929},18,[1582,1931,1791],{"class":1588},[1582,1933,1582],{"class":1592},[1582,1935,1607],{"class":1606},[1582,1937,1610],{"class":1588},[1582,1939,1613],{"class":1588},[1582,1941,1883],{"class":1616},[1582,1943,1613],{"class":1588},[1582,1945,1888],{"class":1588},[1582,1947,1948],{"class":1817},"{{ article.readTime }} min read",[1582,1950,1894],{"class":1588},[1582,1952,1582],{"class":1592},[1582,1954,1595],{"class":1588},[1582,1956,1958,1961,1963],{"class":1584,"line":1957},19,[1582,1959,1960],{"class":1588},"        \u003C\u002F",[1582,1962,1556],{"class":1592},[1582,1964,1595],{"class":1588},[1582,1966,1968,1971,1974],{"class":1584,"line":1967},20,[1582,1969,1970],{"class":1588},"      \u003C\u002F",[1582,1972,1973],{"class":1592},"MInView",[1582,1975,1595],{"class":1588},[1582,1977,1979],{"class":1584,"line":1978},21,[1582,1980,1981],{"class":1817},"      \n",[1582,1983,1985,1987],{"class":1584,"line":1984},22,[1582,1986,1656],{"class":1588},[1582,1988,1659],{"class":1592},[1582,1990,1992,1994,1996,1998,2000,2002,2004,2006,2008,2010,2012,2014,2016,2018,2020,2022,2024,2026,2028,2030,2032,2034,2036,2038,2040,2042],{"class":1584,"line":1991},23,[1582,1993,1665],{"class":1588},[1582,1995,1668],{"class":1606},[1582,1997,1610],{"class":1588},[1582,1999,1613],{"class":1588},[1582,2001,1675],{"class":1588},[1582,2003,1678],{"class":1592},[1582,2005,1681],{"class":1588},[1582,2007,1684],{"class":1592},[1582,2009,1687],{"class":1588},[1582,2011,1691],{"class":1690},[1582,2013,1694],{"class":1588},[1582,2015,1697],{"class":1592},[1582,2017,1687],{"class":1588},[1582,2019,1702],{"class":1690},[1582,2021,1705],{"class":1588},[1582,2023,1708],{"class":1592},[1582,2025,1681],{"class":1588},[1582,2027,1684],{"class":1592},[1582,2029,1687],{"class":1588},[1582,2031,1717],{"class":1690},[1582,2033,1694],{"class":1588},[1582,2035,1697],{"class":1592},[1582,2037,1687],{"class":1588},[1582,2039,1691],{"class":1690},[1582,2041,1728],{"class":1588},[1582,2043,1731],{"class":1588},[1582,2045,2047,2049,2051,2053,2055,2057,2059,2061,2063,2065,2068,2070,2073,2075],{"class":1584,"line":2046},24,[1582,2048,1665],{"class":1588},[1582,2050,1739],{"class":1606},[1582,2052,1610],{"class":1588},[1582,2054,1613],{"class":1588},[1582,2056,1675],{"class":1588},[1582,2058,1748],{"class":1592},[1582,2060,1687],{"class":1588},[1582,2062,1753],{"class":1690},[1582,2064,1694],{"class":1588},[1582,2066,2067],{"class":1592},"delay",[1582,2069,1687],{"class":1588},[1582,2071,2072],{"class":1690},"0.1",[1582,2074,1756],{"class":1588},[1582,2076,1731],{"class":1588},[1582,2078,2080],{"class":1584,"line":2079},25,[1582,2081,1764],{"class":1588},[1582,2083,2085,2087,2090,2092,2094,2096,2099,2101],{"class":1584,"line":2084},26,[1582,2086,1770],{"class":1588},[1582,2088,2089],{"class":1592},"h1",[1582,2091,1607],{"class":1606},[1582,2093,1610],{"class":1588},[1582,2095,1613],{"class":1588},[1582,2097,2098],{"class":1616},"text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-6",[1582,2100,1613],{"class":1588},[1582,2102,1595],{"class":1588},[1582,2104,2106],{"class":1584,"line":2105},27,[1582,2107,2108],{"class":1817},"          {{ article.title }}\n",[1582,2110,2112,2114,2116],{"class":1584,"line":2111},28,[1582,2113,1960],{"class":1588},[1582,2115,2089],{"class":1592},[1582,2117,1595],{"class":1588},[1582,2119,2121,2123,2125],{"class":1584,"line":2120},29,[1582,2122,1970],{"class":1588},[1582,2124,1973],{"class":1592},[1582,2126,1595],{"class":1588},[1582,2128,2130],{"class":1584,"line":2129},30,[1582,2131,1981],{"class":1817},[1582,2133,2135,2137],{"class":1584,"line":2134},31,[1582,2136,1656],{"class":1588},[1582,2138,1659],{"class":1592},[1582,2140,2142,2144,2146,2148,2150,2152,2154,2156,2158,2160,2162,2164,2166,2168,2170,2172,2174,2176,2178,2180,2182,2184,2186,2188,2190,2192],{"class":1584,"line":2141},32,[1582,2143,1665],{"class":1588},[1582,2145,1668],{"class":1606},[1582,2147,1610],{"class":1588},[1582,2149,1613],{"class":1588},[1582,2151,1675],{"class":1588},[1582,2153,1678],{"class":1592},[1582,2155,1681],{"class":1588},[1582,2157,1684],{"class":1592},[1582,2159,1687],{"class":1588},[1582,2161,1691],{"class":1690},[1582,2163,1694],{"class":1588},[1582,2165,1697],{"class":1592},[1582,2167,1687],{"class":1588},[1582,2169,1702],{"class":1690},[1582,2171,1705],{"class":1588},[1582,2173,1708],{"class":1592},[1582,2175,1681],{"class":1588},[1582,2177,1684],{"class":1592},[1582,2179,1687],{"class":1588},[1582,2181,1717],{"class":1690},[1582,2183,1694],{"class":1588},[1582,2185,1697],{"class":1592},[1582,2187,1687],{"class":1588},[1582,2189,1691],{"class":1690},[1582,2191,1728],{"class":1588},[1582,2193,1731],{"class":1588},[1582,2195,2197,2199,2201,2203,2205,2207,2209,2211,2213,2215,2217,2219,2222,2224],{"class":1584,"line":2196},33,[1582,2198,1665],{"class":1588},[1582,2200,1739],{"class":1606},[1582,2202,1610],{"class":1588},[1582,2204,1613],{"class":1588},[1582,2206,1675],{"class":1588},[1582,2208,1748],{"class":1592},[1582,2210,1687],{"class":1588},[1582,2212,1753],{"class":1690},[1582,2214,1694],{"class":1588},[1582,2216,2067],{"class":1592},[1582,2218,1687],{"class":1588},[1582,2220,2221],{"class":1690},"0.2",[1582,2223,1756],{"class":1588},[1582,2225,1731],{"class":1588},[1582,2227,2229],{"class":1584,"line":2228},34,[1582,2230,1764],{"class":1588},[1582,2232,2234,2236,2238,2240,2242,2244,2247,2249],{"class":1584,"line":2233},35,[1582,2235,1770],{"class":1588},[1582,2237,1544],{"class":1592},[1582,2239,1607],{"class":1606},[1582,2241,1610],{"class":1588},[1582,2243,1613],{"class":1588},[1582,2245,2246],{"class":1616},"text-xl text-gray-600 dark:text-gray-400 mb-8",[1582,2248,1613],{"class":1588},[1582,2250,1595],{"class":1588},[1582,2252,2254],{"class":1584,"line":2253},36,[1582,2255,2256],{"class":1817},"          {{ article.excerpt }}\n",[1582,2258,2260,2262,2264],{"class":1584,"line":2259},37,[1582,2261,1960],{"class":1588},[1582,2263,1544],{"class":1592},[1582,2265,1595],{"class":1588},[1582,2267,2269,2271,2273],{"class":1584,"line":2268},38,[1582,2270,1970],{"class":1588},[1582,2272,1973],{"class":1592},[1582,2274,1595],{"class":1588},[1582,2276,2278],{"class":1584,"line":2277},39,[1582,2279,1981],{"class":1817},[1582,2281,2283,2285],{"class":1584,"line":2282},40,[1582,2284,1656],{"class":1588},[1582,2286,1659],{"class":1592},[1582,2288,2290,2292,2294,2296,2298,2300,2302,2304,2306,2308,2310,2312,2314,2316,2318,2320,2322,2324,2326,2328,2330,2332,2334,2336,2338,2340],{"class":1584,"line":2289},41,[1582,2291,1665],{"class":1588},[1582,2293,1668],{"class":1606},[1582,2295,1610],{"class":1588},[1582,2297,1613],{"class":1588},[1582,2299,1675],{"class":1588},[1582,2301,1678],{"class":1592},[1582,2303,1681],{"class":1588},[1582,2305,1684],{"class":1592},[1582,2307,1687],{"class":1588},[1582,2309,1691],{"class":1690},[1582,2311,1694],{"class":1588},[1582,2313,1697],{"class":1592},[1582,2315,1687],{"class":1588},[1582,2317,1702],{"class":1690},[1582,2319,1705],{"class":1588},[1582,2321,1708],{"class":1592},[1582,2323,1681],{"class":1588},[1582,2325,1684],{"class":1592},[1582,2327,1687],{"class":1588},[1582,2329,1717],{"class":1690},[1582,2331,1694],{"class":1588},[1582,2333,1697],{"class":1592},[1582,2335,1687],{"class":1588},[1582,2337,1691],{"class":1690},[1582,2339,1728],{"class":1588},[1582,2341,1731],{"class":1588},[1582,2343,2345,2347,2349,2351,2353,2355,2357,2359,2361,2363,2365,2367,2370,2372],{"class":1584,"line":2344},42,[1582,2346,1665],{"class":1588},[1582,2348,1739],{"class":1606},[1582,2350,1610],{"class":1588},[1582,2352,1613],{"class":1588},[1582,2354,1675],{"class":1588},[1582,2356,1748],{"class":1592},[1582,2358,1687],{"class":1588},[1582,2360,1753],{"class":1690},[1582,2362,1694],{"class":1588},[1582,2364,2067],{"class":1592},[1582,2366,1687],{"class":1588},[1582,2368,2369],{"class":1690},"0.3",[1582,2371,1756],{"class":1588},[1582,2373,1731],{"class":1588},[1582,2375,2377,2380,2382,2384,2387],{"class":1584,"line":2376},43,[1582,2378,2379],{"class":1606},"        class",[1582,2381,1610],{"class":1588},[1582,2383,1613],{"class":1588},[1582,2385,2386],{"class":1616},"flex items-center",[1582,2388,1731],{"class":1588},[1582,2390,2392],{"class":1584,"line":2391},44,[1582,2393,1764],{"class":1588},[1582,2395,2397,2399],{"class":1584,"line":2396},45,[1582,2398,1770],{"class":1588},[1582,2400,2401],{"class":1592},"UAvatar\n",[1582,2403,2405,2408,2411,2413,2415,2417,2419,2422,2424,2427],{"class":1584,"line":2404},46,[1582,2406,2407],{"class":1588},"          :",[1582,2409,2410],{"class":1606},"src",[1582,2412,1610],{"class":1588},[1582,2414,1613],{"class":1588},[1582,2416,1818],{"class":1817},[1582,2418,1821],{"class":1588},[1582,2420,2421],{"class":1817},"author",[1582,2423,1821],{"class":1588},[1582,2425,2426],{"class":1817},"avatar",[1582,2428,1731],{"class":1588},[1582,2430,2432,2434,2437,2439,2441,2443,2445,2447,2449,2452],{"class":1584,"line":2431},47,[1582,2433,2407],{"class":1588},[1582,2435,2436],{"class":1606},"alt",[1582,2438,1610],{"class":1588},[1582,2440,1613],{"class":1588},[1582,2442,1818],{"class":1817},[1582,2444,1821],{"class":1588},[1582,2446,2421],{"class":1817},[1582,2448,1821],{"class":1588},[1582,2450,2451],{"class":1817},"name",[1582,2453,1731],{"class":1588},[1582,2455,2457,2460,2462,2464,2467],{"class":1584,"line":2456},48,[1582,2458,2459],{"class":1606},"          size",[1582,2461,1610],{"class":1588},[1582,2463,1613],{"class":1588},[1582,2465,2466],{"class":1616},"lg",[1582,2468,1731],{"class":1588},[1582,2470,2472,2475,2477,2479,2482],{"class":1584,"line":2471},49,[1582,2473,2474],{"class":1606},"          class",[1582,2476,1610],{"class":1588},[1582,2478,1613],{"class":1588},[1582,2480,2481],{"class":1616},"mr-4",[1582,2483,1731],{"class":1588},[1582,2485,2487],{"class":1584,"line":2486},50,[1582,2488,2489],{"class":1588},"        \u002F>\n",[1582,2491,2493,2495,2497],{"class":1584,"line":2492},51,[1582,2494,1770],{"class":1588},[1582,2496,1556],{"class":1592},[1582,2498,1595],{"class":1588},[1582,2500,2502,2504,2506,2508,2510,2512,2515,2517,2519,2522,2524,2526],{"class":1584,"line":2501},52,[1582,2503,1791],{"class":1588},[1582,2505,1544],{"class":1592},[1582,2507,1607],{"class":1606},[1582,2509,1610],{"class":1588},[1582,2511,1613],{"class":1588},[1582,2513,2514],{"class":1616},"font-medium text-gray-900 dark:text-white",[1582,2516,1613],{"class":1588},[1582,2518,1888],{"class":1588},[1582,2520,2521],{"class":1817},"{{ article.author.name }}",[1582,2523,1894],{"class":1588},[1582,2525,1544],{"class":1592},[1582,2527,1595],{"class":1588},[1582,2529,2531,2533,2535,2537,2539,2541,2544,2546,2548,2551,2553,2555],{"class":1584,"line":2530},53,[1582,2532,1791],{"class":1588},[1582,2534,1544],{"class":1592},[1582,2536,1607],{"class":1606},[1582,2538,1610],{"class":1588},[1582,2540,1613],{"class":1588},[1582,2542,2543],{"class":1616},"text-gray-500 dark:text-gray-400 text-sm",[1582,2545,1613],{"class":1588},[1582,2547,1888],{"class":1588},[1582,2549,2550],{"class":1817},"{{ article.author.role }}",[1582,2552,1894],{"class":1588},[1582,2554,1544],{"class":1592},[1582,2556,1595],{"class":1588},[1582,2558,2560,2562,2564],{"class":1584,"line":2559},54,[1582,2561,1960],{"class":1588},[1582,2563,1556],{"class":1592},[1582,2565,1595],{"class":1588},[1582,2567,2569,2571,2573],{"class":1584,"line":2568},55,[1582,2570,1970],{"class":1588},[1582,2572,1973],{"class":1592},[1582,2574,1595],{"class":1588},[1582,2576,2578,2581,2583],{"class":1584,"line":2577},56,[1582,2579,2580],{"class":1588},"    \u003C\u002F",[1582,2582,1637],{"class":1592},[1582,2584,1595],{"class":1588},[1582,2586,2588],{"class":1584,"line":2587},57,[1582,2589,2590],{"class":1817},"    \n",[1582,2592,2594],{"class":1584,"line":2593},58,[1582,2595,2596],{"class":1627},"    \u003C!-- Featured Image -->\n",[1582,2598,2600,2602],{"class":1584,"line":2599},59,[1582,2601,1634],{"class":1588},[1582,2603,1659],{"class":1592},[1582,2605,2607,2610,2612,2614,2616,2618,2620,2622,2624,2626,2628,2630,2632,2634,2636,2638,2640,2642,2644,2646,2648,2650,2652,2654,2656,2658],{"class":1584,"line":2606},60,[1582,2608,2609],{"class":1588},"      :",[1582,2611,1668],{"class":1606},[1582,2613,1610],{"class":1588},[1582,2615,1613],{"class":1588},[1582,2617,1675],{"class":1588},[1582,2619,1678],{"class":1592},[1582,2621,1681],{"class":1588},[1582,2623,1684],{"class":1592},[1582,2625,1687],{"class":1588},[1582,2627,1691],{"class":1690},[1582,2629,1694],{"class":1588},[1582,2631,1697],{"class":1592},[1582,2633,1687],{"class":1588},[1582,2635,1702],{"class":1690},[1582,2637,1705],{"class":1588},[1582,2639,1708],{"class":1592},[1582,2641,1681],{"class":1588},[1582,2643,1684],{"class":1592},[1582,2645,1687],{"class":1588},[1582,2647,1717],{"class":1690},[1582,2649,1694],{"class":1588},[1582,2651,1697],{"class":1592},[1582,2653,1687],{"class":1588},[1582,2655,1691],{"class":1690},[1582,2657,1728],{"class":1588},[1582,2659,1731],{"class":1588},[1582,2661,2663,2665,2667,2669,2671,2673,2675,2677,2679,2681,2683,2685,2688,2690],{"class":1584,"line":2662},61,[1582,2664,2609],{"class":1588},[1582,2666,1739],{"class":1606},[1582,2668,1610],{"class":1588},[1582,2670,1613],{"class":1588},[1582,2672,1675],{"class":1588},[1582,2674,1748],{"class":1592},[1582,2676,1687],{"class":1588},[1582,2678,1753],{"class":1690},[1582,2680,1694],{"class":1588},[1582,2682,2067],{"class":1592},[1582,2684,1687],{"class":1588},[1582,2686,2687],{"class":1690},"0.4",[1582,2689,1756],{"class":1588},[1582,2691,1731],{"class":1588},[1582,2693,2695,2698,2700,2702,2704],{"class":1584,"line":2694},62,[1582,2696,2697],{"class":1606},"      class",[1582,2699,1610],{"class":1588},[1582,2701,1613],{"class":1588},[1582,2703,1646],{"class":1616},[1582,2705,1731],{"class":1588},[1582,2707,2709],{"class":1584,"line":2708},63,[1582,2710,2711],{"class":1588},"    >\n",[1582,2713,2715,2717],{"class":1584,"line":2714},64,[1582,2716,1656],{"class":1588},[1582,2718,2719],{"class":1592},"img\n",[1582,2721,2723,2726,2728,2730,2733],{"class":1584,"line":2722},65,[1582,2724,2725],{"class":1606},"        :src",[1582,2727,1610],{"class":1588},[1582,2729,1613],{"class":1588},[1582,2731,2732],{"class":1616},"article.featuredImage",[1582,2734,1731],{"class":1588},[1582,2736,2738,2741,2743,2745,2748],{"class":1584,"line":2737},66,[1582,2739,2740],{"class":1606},"        :alt",[1582,2742,1610],{"class":1588},[1582,2744,1613],{"class":1588},[1582,2746,2747],{"class":1616},"article.title",[1582,2749,1731],{"class":1588},[1582,2751,2753,2755,2757,2759,2762],{"class":1584,"line":2752},67,[1582,2754,2379],{"class":1606},[1582,2756,1610],{"class":1588},[1582,2758,1613],{"class":1588},[1582,2760,2761],{"class":1616},"w-full h-96 object-cover rounded-xl",[1582,2763,1731],{"class":1588},[1582,2765,2767],{"class":1584,"line":2766},68,[1582,2768,1764],{"class":1588},[1582,2770,2772,2774,2776],{"class":1584,"line":2771},69,[1582,2773,2580],{"class":1588},[1582,2775,1973],{"class":1592},[1582,2777,1595],{"class":1588},[1582,2779,2781],{"class":1584,"line":2780},70,[1582,2782,2590],{"class":1817},[1582,2784,2786,2788,2790,2792,2794,2796,2799,2801],{"class":1584,"line":2785},71,[1582,2787,1634],{"class":1588},[1582,2789,1556],{"class":1592},[1582,2791,1607],{"class":1606},[1582,2793,1610],{"class":1588},[1582,2795,1613],{"class":1588},[1582,2797,2798],{"class":1616},"flex flex-col lg:flex-row gap-12",[1582,2800,1613],{"class":1588},[1582,2802,1595],{"class":1588},[1582,2804,2806],{"class":1584,"line":2805},72,[1582,2807,2808],{"class":1627},"      \u003C!-- Main Content -->\n",[1582,2810,2812,2814,2817,2819,2821,2823,2826,2828],{"class":1584,"line":2811},73,[1582,2813,1656],{"class":1588},[1582,2815,2816],{"class":1592},"main",[1582,2818,1607],{"class":1606},[1582,2820,1610],{"class":1588},[1582,2822,1613],{"class":1588},[1582,2824,2825],{"class":1616},"lg:w-3\u002F4",[1582,2827,1613],{"class":1588},[1582,2829,1595],{"class":1588},[1582,2831,2833],{"class":1584,"line":2832},74,[1582,2834,2835],{"class":1627},"        \u003C!-- Article Content -->\n",[1582,2837,2839,2841],{"class":1584,"line":2838},75,[1582,2840,1770],{"class":1588},[1582,2842,2843],{"class":1592},"MAnimatedGroup\n",[1582,2845,2847,2849,2852,2854,2856,2858],{"class":1584,"line":2846},76,[1582,2848,2407],{"class":1588},[1582,2850,2851],{"class":1606},"stagger-children",[1582,2853,1610],{"class":1588},[1582,2855,1613],{"class":1588},[1582,2857,2072],{"class":1690},[1582,2859,1731],{"class":1588},[1582,2861,2863,2866,2868,2870,2873],{"class":1584,"line":2862},77,[1582,2864,2865],{"class":1606},"          preset",[1582,2867,1610],{"class":1588},[1582,2869,1613],{"class":1588},[1582,2871,2872],{"class":1616},"fade",[1582,2874,1731],{"class":1588},[1582,2876,2878,2881,2883,2885,2887],{"class":1584,"line":2877},78,[1582,2879,2880],{"class":1606},"          initial",[1582,2882,1610],{"class":1588},[1582,2884,1613],{"class":1588},[1582,2886,1678],{"class":1616},[1582,2888,1731],{"class":1588},[1582,2890,2892,2895,2897,2899,2901],{"class":1584,"line":2891},79,[1582,2893,2894],{"class":1606},"          animate",[1582,2896,1610],{"class":1588},[1582,2898,1613],{"class":1588},[1582,2900,1708],{"class":1616},[1582,2902,1731],{"class":1588},[1582,2904,2906,2908,2910,2912,2915],{"class":1584,"line":2905},80,[1582,2907,2474],{"class":1606},[1582,2909,1610],{"class":1588},[1582,2911,1613],{"class":1588},[1582,2913,2914],{"class":1616},"prose prose-lg dark:prose-invert max-w-none",[1582,2916,1731],{"class":1588},[1582,2918,2920],{"class":1584,"line":2919},81,[1582,2921,2922],{"class":1588},"        >\n",[1582,2924,2926,2928,2930,2933,2935,2937,2940,2942,2945,2947],{"class":1584,"line":2925},82,[1582,2927,1791],{"class":1588},[1582,2929,1556],{"class":1592},[1582,2931,2932],{"class":1606}," v-html",[1582,2934,1610],{"class":1588},[1582,2936,1613],{"class":1588},[1582,2938,2939],{"class":1616},"article.content",[1582,2941,1613],{"class":1588},[1582,2943,2944],{"class":1588},">\u003C\u002F",[1582,2946,1556],{"class":1592},[1582,2948,1595],{"class":1588},[1582,2950,2952,2954,2957],{"class":1584,"line":2951},83,[1582,2953,1960],{"class":1588},[1582,2955,2956],{"class":1592},"MAnimatedGroup",[1582,2958,1595],{"class":1588},[1582,2960,2962],{"class":1584,"line":2961},84,[1582,2963,2964],{"class":1817},"        \n",[1582,2966,2968],{"class":1584,"line":2967},85,[1582,2969,2970],{"class":1627},"        \u003C!-- Tags -->\n",[1582,2972,2974,2976],{"class":1584,"line":2973},86,[1582,2975,1770],{"class":1588},[1582,2977,1659],{"class":1592},[1582,2979,2981,2983,2985,2987,2989,2991,2993,2995,2997,2999,3001,3003,3005,3007,3009,3011,3013,3015,3017,3019,3021,3023,3025,3027,3029,3031],{"class":1584,"line":2980},87,[1582,2982,2407],{"class":1588},[1582,2984,1668],{"class":1606},[1582,2986,1610],{"class":1588},[1582,2988,1613],{"class":1588},[1582,2990,1675],{"class":1588},[1582,2992,1678],{"class":1592},[1582,2994,1681],{"class":1588},[1582,2996,1684],{"class":1592},[1582,2998,1687],{"class":1588},[1582,3000,1691],{"class":1690},[1582,3002,1694],{"class":1588},[1582,3004,1697],{"class":1592},[1582,3006,1687],{"class":1588},[1582,3008,1702],{"class":1690},[1582,3010,1705],{"class":1588},[1582,3012,1708],{"class":1592},[1582,3014,1681],{"class":1588},[1582,3016,1684],{"class":1592},[1582,3018,1687],{"class":1588},[1582,3020,1717],{"class":1690},[1582,3022,1694],{"class":1588},[1582,3024,1697],{"class":1592},[1582,3026,1687],{"class":1588},[1582,3028,1691],{"class":1690},[1582,3030,1728],{"class":1588},[1582,3032,1731],{"class":1588},[1582,3034,3036,3038,3040,3042,3044,3046,3048,3050,3052,3054],{"class":1584,"line":3035},88,[1582,3037,2407],{"class":1588},[1582,3039,1739],{"class":1606},[1582,3041,1610],{"class":1588},[1582,3043,1613],{"class":1588},[1582,3045,1675],{"class":1588},[1582,3047,1748],{"class":1592},[1582,3049,1687],{"class":1588},[1582,3051,1753],{"class":1690},[1582,3053,1756],{"class":1588},[1582,3055,1731],{"class":1588},[1582,3057,3059,3061,3063,3065,3068],{"class":1584,"line":3058},89,[1582,3060,2474],{"class":1606},[1582,3062,1610],{"class":1588},[1582,3064,1613],{"class":1588},[1582,3066,3067],{"class":1616},"mt-12 pt-8 border-t border-gray-200 dark:border-gray-800",[1582,3069,1731],{"class":1588},[1582,3071,3073],{"class":1584,"line":3072},90,[1582,3074,2922],{"class":1588},[1582,3076,3078,3080,3082,3084,3086,3088,3091,3093],{"class":1584,"line":3077},91,[1582,3079,1791],{"class":1588},[1582,3081,1556],{"class":1592},[1582,3083,1607],{"class":1606},[1582,3085,1610],{"class":1588},[1582,3087,1613],{"class":1588},[1582,3089,3090],{"class":1616},"flex flex-wrap gap-2",[1582,3092,1613],{"class":1588},[1582,3094,1595],{"class":1588},[1582,3096,3098,3101],{"class":1584,"line":3097},92,[1582,3099,3100],{"class":1588},"            \u003C",[1582,3102,1794],{"class":1592},[1582,3104,3106,3110,3112,3114,3117,3120,3122,3124,3127],{"class":1584,"line":3105},93,[1582,3107,3109],{"class":3108},"s7zQu","              v-for",[1582,3111,1610],{"class":1588},[1582,3113,1613],{"class":1588},[1582,3115,3116],{"class":1817},"tag",[1582,3118,3119],{"class":1588}," in ",[1582,3121,1818],{"class":1817},[1582,3123,1821],{"class":1588},[1582,3125,3126],{"class":1817},"tags",[1582,3128,1731],{"class":1588},[1582,3130,3132,3135,3138,3140,3142,3144],{"class":1584,"line":3131},94,[1582,3133,3134],{"class":1588},"              :",[1582,3136,3137],{"class":1606},"key",[1582,3139,1610],{"class":1588},[1582,3141,1613],{"class":1588},[1582,3143,3116],{"class":1817},[1582,3145,1731],{"class":1588},[1582,3147,3149,3152,3154,3156,3159],{"class":1584,"line":3148},95,[1582,3150,3151],{"class":1606},"              variant",[1582,3153,1610],{"class":1588},[1582,3155,1613],{"class":1588},[1582,3157,3158],{"class":1616},"soft",[1582,3160,1731],{"class":1588},[1582,3162,3164,3167,3169,3171,3173],{"class":1584,"line":3163},96,[1582,3165,3166],{"class":1606},"              size",[1582,3168,1610],{"class":1588},[1582,3170,1613],{"class":1588},[1582,3172,2466],{"class":1616},[1582,3174,1731],{"class":1588},[1582,3176,3178,3181,3183,3185,3188],{"class":1584,"line":3177},97,[1582,3179,3180],{"class":1606},"              class",[1582,3182,1610],{"class":1588},[1582,3184,1613],{"class":1588},[1582,3186,3187],{"class":1616},"px-3 py-1",[1582,3189,1731],{"class":1588},[1582,3191,3193],{"class":1584,"line":3192},98,[1582,3194,3195],{"class":1588},"            >\n",[1582,3197,3199],{"class":1584,"line":3198},99,[1582,3200,3201],{"class":1817},"              {{ tag }}\n",[1582,3203,3205,3208,3210],{"class":1584,"line":3204},100,[1582,3206,3207],{"class":1588},"            \u003C\u002F",[1582,3209,1865],{"class":1592},[1582,3211,1595],{"class":1588},[1582,3213,3215,3217,3219],{"class":1584,"line":3214},101,[1582,3216,1862],{"class":1588},[1582,3218,1556],{"class":1592},[1582,3220,1595],{"class":1588},[1582,3222,3224,3226,3228],{"class":1584,"line":3223},102,[1582,3225,1960],{"class":1588},[1582,3227,1973],{"class":1592},[1582,3229,1595],{"class":1588},[1582,3231,3233],{"class":1584,"line":3232},103,[1582,3234,2964],{"class":1817},[1582,3236,3238],{"class":1584,"line":3237},104,[1582,3239,3240],{"class":1627},"        \u003C!-- Author Card -->\n",[1582,3242,3244,3246],{"class":1584,"line":3243},105,[1582,3245,1770],{"class":1588},[1582,3247,1659],{"class":1592},[1582,3249,3251,3253,3255,3257,3259,3261,3263,3265,3267,3269,3271,3273,3275,3277,3279,3281,3283,3285,3287,3289,3291,3293,3295,3297,3299,3301],{"class":1584,"line":3250},106,[1582,3252,2407],{"class":1588},[1582,3254,1668],{"class":1606},[1582,3256,1610],{"class":1588},[1582,3258,1613],{"class":1588},[1582,3260,1675],{"class":1588},[1582,3262,1678],{"class":1592},[1582,3264,1681],{"class":1588},[1582,3266,1684],{"class":1592},[1582,3268,1687],{"class":1588},[1582,3270,1691],{"class":1690},[1582,3272,1694],{"class":1588},[1582,3274,1697],{"class":1592},[1582,3276,1687],{"class":1588},[1582,3278,1702],{"class":1690},[1582,3280,1705],{"class":1588},[1582,3282,1708],{"class":1592},[1582,3284,1681],{"class":1588},[1582,3286,1684],{"class":1592},[1582,3288,1687],{"class":1588},[1582,3290,1717],{"class":1690},[1582,3292,1694],{"class":1588},[1582,3294,1697],{"class":1592},[1582,3296,1687],{"class":1588},[1582,3298,1691],{"class":1690},[1582,3300,1728],{"class":1588},[1582,3302,1731],{"class":1588},[1582,3304,3306,3308,3310,3312,3314,3316,3318,3320,3322,3324,3326,3328,3330,3332],{"class":1584,"line":3305},107,[1582,3307,2407],{"class":1588},[1582,3309,1739],{"class":1606},[1582,3311,1610],{"class":1588},[1582,3313,1613],{"class":1588},[1582,3315,1675],{"class":1588},[1582,3317,1748],{"class":1592},[1582,3319,1687],{"class":1588},[1582,3321,1753],{"class":1690},[1582,3323,1694],{"class":1588},[1582,3325,2067],{"class":1592},[1582,3327,1687],{"class":1588},[1582,3329,2072],{"class":1690},[1582,3331,1756],{"class":1588},[1582,3333,1731],{"class":1588},[1582,3335,3337,3339,3341,3343,3346],{"class":1584,"line":3336},108,[1582,3338,2474],{"class":1606},[1582,3340,1610],{"class":1588},[1582,3342,1613],{"class":1588},[1582,3344,3345],{"class":1616},"mt-12",[1582,3347,1731],{"class":1588},[1582,3349,3351],{"class":1584,"line":3350},109,[1582,3352,2922],{"class":1588},[1582,3354,3356,3358,3361],{"class":1584,"line":3355},110,[1582,3357,1791],{"class":1588},[1582,3359,3360],{"class":1592},"UCard",[1582,3362,1595],{"class":1588},[1582,3364,3366,3368,3370,3372,3374,3376,3379,3381],{"class":1584,"line":3365},111,[1582,3367,3100],{"class":1588},[1582,3369,1556],{"class":1592},[1582,3371,1607],{"class":1606},[1582,3373,1610],{"class":1588},[1582,3375,1613],{"class":1588},[1582,3377,3378],{"class":1616},"flex items-start",[1582,3380,1613],{"class":1588},[1582,3382,1595],{"class":1588},[1582,3384,3386,3389],{"class":1584,"line":3385},112,[1582,3387,3388],{"class":1588},"              \u003C",[1582,3390,2401],{"class":1592},[1582,3392,3394,3397,3399,3401,3403,3405,3407,3409,3411,3413],{"class":1584,"line":3393},113,[1582,3395,3396],{"class":1588},"                :",[1582,3398,2410],{"class":1606},[1582,3400,1610],{"class":1588},[1582,3402,1613],{"class":1588},[1582,3404,1818],{"class":1817},[1582,3406,1821],{"class":1588},[1582,3408,2421],{"class":1817},[1582,3410,1821],{"class":1588},[1582,3412,2426],{"class":1817},[1582,3414,1731],{"class":1588},[1582,3416,3418,3420,3422,3424,3426,3428,3430,3432,3434,3436],{"class":1584,"line":3417},114,[1582,3419,3396],{"class":1588},[1582,3421,2436],{"class":1606},[1582,3423,1610],{"class":1588},[1582,3425,1613],{"class":1588},[1582,3427,1818],{"class":1817},[1582,3429,1821],{"class":1588},[1582,3431,2421],{"class":1817},[1582,3433,1821],{"class":1588},[1582,3435,2451],{"class":1817},[1582,3437,1731],{"class":1588},[1582,3439,3441,3444,3446,3448,3451],{"class":1584,"line":3440},115,[1582,3442,3443],{"class":1606},"                size",[1582,3445,1610],{"class":1588},[1582,3447,1613],{"class":1588},[1582,3449,3450],{"class":1616},"xl",[1582,3452,1731],{"class":1588},[1582,3454,3456,3459,3461,3463,3466],{"class":1584,"line":3455},116,[1582,3457,3458],{"class":1606},"                class",[1582,3460,1610],{"class":1588},[1582,3462,1613],{"class":1588},[1582,3464,3465],{"class":1616},"mr-6",[1582,3467,1731],{"class":1588},[1582,3469,3471],{"class":1584,"line":3470},117,[1582,3472,3473],{"class":1588},"              \u002F>\n",[1582,3475,3477,3479,3481],{"class":1584,"line":3476},118,[1582,3478,3388],{"class":1588},[1582,3480,1556],{"class":1592},[1582,3482,1595],{"class":1588},[1582,3484,3486,3489,3492,3494,3496,3498,3501,3503],{"class":1584,"line":3485},119,[1582,3487,3488],{"class":1588},"                \u003C",[1582,3490,3491],{"class":1592},"h3",[1582,3493,1607],{"class":1606},[1582,3495,1610],{"class":1588},[1582,3497,1613],{"class":1588},[1582,3499,3500],{"class":1616},"text-xl font-bold text-gray-900 dark:text-white mb-2",[1582,3502,1613],{"class":1588},[1582,3504,1595],{"class":1588},[1582,3506,3508],{"class":1584,"line":3507},120,[1582,3509,3510],{"class":1817},"                  Written by {{ article.author.name }}\n",[1582,3512,3514,3517,3519],{"class":1584,"line":3513},121,[1582,3515,3516],{"class":1588},"                \u003C\u002F",[1582,3518,3491],{"class":1592},[1582,3520,1595],{"class":1588},[1582,3522,3524,3526,3528,3530,3532,3534,3537,3539],{"class":1584,"line":3523},122,[1582,3525,3488],{"class":1588},[1582,3527,1544],{"class":1592},[1582,3529,1607],{"class":1606},[1582,3531,1610],{"class":1588},[1582,3533,1613],{"class":1588},[1582,3535,3536],{"class":1616},"text-gray-600 dark:text-gray-400 mb-4",[1582,3538,1613],{"class":1588},[1582,3540,1595],{"class":1588},[1582,3542,3544],{"class":1584,"line":3543},123,[1582,3545,3546],{"class":1817},"                  {{ article.author.bio }}\n",[1582,3548,3550,3552,3554],{"class":1584,"line":3549},124,[1582,3551,3516],{"class":1588},[1582,3553,1544],{"class":1592},[1582,3555,1595],{"class":1588},[1582,3557,3559,3561,3563,3565,3567,3569,3572,3574],{"class":1584,"line":3558},125,[1582,3560,3488],{"class":1588},[1582,3562,1556],{"class":1592},[1582,3564,1607],{"class":1606},[1582,3566,1610],{"class":1588},[1582,3568,1613],{"class":1588},[1582,3570,3571],{"class":1616},"flex space-x-3",[1582,3573,1613],{"class":1588},[1582,3575,1595],{"class":1588},[1582,3577,3579,3582],{"class":1584,"line":3578},126,[1582,3580,3581],{"class":1588},"                  \u003C",[1582,3583,3584],{"class":1592},"UButton\n",[1582,3586,3588,3591,3593,3595,3597,3599,3601,3603,3606],{"class":1584,"line":3587},127,[1582,3589,3590],{"class":3108},"                    v-if",[1582,3592,1610],{"class":1588},[1582,3594,1613],{"class":1588},[1582,3596,1818],{"class":1817},[1582,3598,1821],{"class":1588},[1582,3600,2421],{"class":1817},[1582,3602,1821],{"class":1588},[1582,3604,3605],{"class":1817},"twitter",[1582,3607,1731],{"class":1588},[1582,3609,3611,3614,3617,3619,3621,3623,3625,3627,3629,3631],{"class":1584,"line":3610},128,[1582,3612,3613],{"class":1588},"                    :",[1582,3615,3616],{"class":1606},"to",[1582,3618,1610],{"class":1588},[1582,3620,1613],{"class":1588},[1582,3622,1818],{"class":1817},[1582,3624,1821],{"class":1588},[1582,3626,2421],{"class":1817},[1582,3628,1821],{"class":1588},[1582,3630,3605],{"class":1817},[1582,3632,1731],{"class":1588},[1582,3634,3636,3639,3641,3643,3646],{"class":1584,"line":3635},129,[1582,3637,3638],{"class":1606},"                    color",[1582,3640,1610],{"class":1588},[1582,3642,1613],{"class":1588},[1582,3644,3645],{"class":1616},"gray",[1582,3647,1731],{"class":1588},[1582,3649,3651,3654,3656,3658,3661],{"class":1584,"line":3650},130,[1582,3652,3653],{"class":1606},"                    variant",[1582,3655,1610],{"class":1588},[1582,3657,1613],{"class":1588},[1582,3659,3660],{"class":1616},"ghost",[1582,3662,1731],{"class":1588},[1582,3664,3666,3669,3671,3673,3676],{"class":1584,"line":3665},131,[1582,3667,3668],{"class":1606},"                    icon",[1582,3670,1610],{"class":1588},[1582,3672,1613],{"class":1588},[1582,3674,3675],{"class":1616},"i-simple-icons-twitter",[1582,3677,1731],{"class":1588},[1582,3679,3681,3684,3686,3688,3691],{"class":1584,"line":3680},132,[1582,3682,3683],{"class":1606},"                    size",[1582,3685,1610],{"class":1588},[1582,3687,1613],{"class":1588},[1582,3689,3690],{"class":1616},"sm",[1582,3692,1731],{"class":1588},[1582,3694,3696],{"class":1584,"line":3695},133,[1582,3697,3698],{"class":1588},"                  \u002F>\n",[1582,3700,3702,3704],{"class":1584,"line":3701},134,[1582,3703,3581],{"class":1588},[1582,3705,3584],{"class":1592},[1582,3707,3709,3711,3713,3715,3717,3719,3721,3723,3726],{"class":1584,"line":3708},135,[1582,3710,3590],{"class":3108},[1582,3712,1610],{"class":1588},[1582,3714,1613],{"class":1588},[1582,3716,1818],{"class":1817},[1582,3718,1821],{"class":1588},[1582,3720,2421],{"class":1817},[1582,3722,1821],{"class":1588},[1582,3724,3725],{"class":1817},"linkedin",[1582,3727,1731],{"class":1588},[1582,3729,3731,3733,3735,3737,3739,3741,3743,3745,3747,3749],{"class":1584,"line":3730},136,[1582,3732,3613],{"class":1588},[1582,3734,3616],{"class":1606},[1582,3736,1610],{"class":1588},[1582,3738,1613],{"class":1588},[1582,3740,1818],{"class":1817},[1582,3742,1821],{"class":1588},[1582,3744,2421],{"class":1817},[1582,3746,1821],{"class":1588},[1582,3748,3725],{"class":1817},[1582,3750,1731],{"class":1588},[1582,3752,3754,3756,3758,3760,3762],{"class":1584,"line":3753},137,[1582,3755,3638],{"class":1606},[1582,3757,1610],{"class":1588},[1582,3759,1613],{"class":1588},[1582,3761,3645],{"class":1616},[1582,3763,1731],{"class":1588},[1582,3765,3767,3769,3771,3773,3775],{"class":1584,"line":3766},138,[1582,3768,3653],{"class":1606},[1582,3770,1610],{"class":1588},[1582,3772,1613],{"class":1588},[1582,3774,3660],{"class":1616},[1582,3776,1731],{"class":1588},[1582,3778,3780,3782,3784,3786,3789],{"class":1584,"line":3779},139,[1582,3781,3668],{"class":1606},[1582,3783,1610],{"class":1588},[1582,3785,1613],{"class":1588},[1582,3787,3788],{"class":1616},"i-simple-icons-linkedin",[1582,3790,1731],{"class":1588},[1582,3792,3794,3796,3798,3800,3802],{"class":1584,"line":3793},140,[1582,3795,3683],{"class":1606},[1582,3797,1610],{"class":1588},[1582,3799,1613],{"class":1588},[1582,3801,3690],{"class":1616},[1582,3803,1731],{"class":1588},[1582,3805,3807],{"class":1584,"line":3806},141,[1582,3808,3698],{"class":1588},[1582,3810,3812,3814],{"class":1584,"line":3811},142,[1582,3813,3581],{"class":1588},[1582,3815,3584],{"class":1592},[1582,3817,3819,3821,3823,3825,3827,3829,3831,3833,3836],{"class":1584,"line":3818},143,[1582,3820,3590],{"class":3108},[1582,3822,1610],{"class":1588},[1582,3824,1613],{"class":1588},[1582,3826,1818],{"class":1817},[1582,3828,1821],{"class":1588},[1582,3830,2421],{"class":1817},[1582,3832,1821],{"class":1588},[1582,3834,3835],{"class":1817},"github",[1582,3837,1731],{"class":1588},[1582,3839,3841,3843,3845,3847,3849,3851,3853,3855,3857,3859],{"class":1584,"line":3840},144,[1582,3842,3613],{"class":1588},[1582,3844,3616],{"class":1606},[1582,3846,1610],{"class":1588},[1582,3848,1613],{"class":1588},[1582,3850,1818],{"class":1817},[1582,3852,1821],{"class":1588},[1582,3854,2421],{"class":1817},[1582,3856,1821],{"class":1588},[1582,3858,3835],{"class":1817},[1582,3860,1731],{"class":1588},[1582,3862,3864,3866,3868,3870,3872],{"class":1584,"line":3863},145,[1582,3865,3638],{"class":1606},[1582,3867,1610],{"class":1588},[1582,3869,1613],{"class":1588},[1582,3871,3645],{"class":1616},[1582,3873,1731],{"class":1588},[1582,3875,3877,3879,3881,3883,3885],{"class":1584,"line":3876},146,[1582,3878,3653],{"class":1606},[1582,3880,1610],{"class":1588},[1582,3882,1613],{"class":1588},[1582,3884,3660],{"class":1616},[1582,3886,1731],{"class":1588},[1582,3888,3890,3892,3894,3896,3899],{"class":1584,"line":3889},147,[1582,3891,3668],{"class":1606},[1582,3893,1610],{"class":1588},[1582,3895,1613],{"class":1588},[1582,3897,3898],{"class":1616},"i-simple-icons-github",[1582,3900,1731],{"class":1588},[1582,3902,3904,3906,3908,3910,3912],{"class":1584,"line":3903},148,[1582,3905,3683],{"class":1606},[1582,3907,1610],{"class":1588},[1582,3909,1613],{"class":1588},[1582,3911,3690],{"class":1616},[1582,3913,1731],{"class":1588},[1582,3915,3917],{"class":1584,"line":3916},149,[1582,3918,3698],{"class":1588},[1582,3920,3922,3924,3926],{"class":1584,"line":3921},150,[1582,3923,3516],{"class":1588},[1582,3925,1556],{"class":1592},[1582,3927,1595],{"class":1588},[1582,3929,3931,3934,3936],{"class":1584,"line":3930},151,[1582,3932,3933],{"class":1588},"              \u003C\u002F",[1582,3935,1556],{"class":1592},[1582,3937,1595],{"class":1588},[1582,3939,3941,3943,3945],{"class":1584,"line":3940},152,[1582,3942,3207],{"class":1588},[1582,3944,1556],{"class":1592},[1582,3946,1595],{"class":1588},[1582,3948,3950,3952,3954],{"class":1584,"line":3949},153,[1582,3951,1862],{"class":1588},[1582,3953,3360],{"class":1592},[1582,3955,1595],{"class":1588},[1582,3957,3959,3961,3963],{"class":1584,"line":3958},154,[1582,3960,1960],{"class":1588},[1582,3962,1973],{"class":1592},[1582,3964,1595],{"class":1588},[1582,3966,3968],{"class":1584,"line":3967},155,[1582,3969,2964],{"class":1817},[1582,3971,3973],{"class":1584,"line":3972},156,[1582,3974,3975],{"class":1627},"        \u003C!-- Comments Section -->\n",[1582,3977,3979,3981],{"class":1584,"line":3978},157,[1582,3980,1770],{"class":1588},[1582,3982,1659],{"class":1592},[1582,3984,3986,3988,3990,3992,3994,3996,3998,4000,4002,4004,4006,4008,4010,4012,4014,4016,4018,4020,4022,4024,4026,4028,4030,4032,4034,4036],{"class":1584,"line":3985},158,[1582,3987,2407],{"class":1588},[1582,3989,1668],{"class":1606},[1582,3991,1610],{"class":1588},[1582,3993,1613],{"class":1588},[1582,3995,1675],{"class":1588},[1582,3997,1678],{"class":1592},[1582,3999,1681],{"class":1588},[1582,4001,1684],{"class":1592},[1582,4003,1687],{"class":1588},[1582,4005,1691],{"class":1690},[1582,4007,1694],{"class":1588},[1582,4009,1697],{"class":1592},[1582,4011,1687],{"class":1588},[1582,4013,1702],{"class":1690},[1582,4015,1705],{"class":1588},[1582,4017,1708],{"class":1592},[1582,4019,1681],{"class":1588},[1582,4021,1684],{"class":1592},[1582,4023,1687],{"class":1588},[1582,4025,1717],{"class":1690},[1582,4027,1694],{"class":1588},[1582,4029,1697],{"class":1592},[1582,4031,1687],{"class":1588},[1582,4033,1691],{"class":1690},[1582,4035,1728],{"class":1588},[1582,4037,1731],{"class":1588},[1582,4039,4041,4043,4045,4047,4049,4051,4053,4055,4057,4059,4061,4063,4065,4067],{"class":1584,"line":4040},159,[1582,4042,2407],{"class":1588},[1582,4044,1739],{"class":1606},[1582,4046,1610],{"class":1588},[1582,4048,1613],{"class":1588},[1582,4050,1675],{"class":1588},[1582,4052,1748],{"class":1592},[1582,4054,1687],{"class":1588},[1582,4056,1753],{"class":1690},[1582,4058,1694],{"class":1588},[1582,4060,2067],{"class":1592},[1582,4062,1687],{"class":1588},[1582,4064,2221],{"class":1690},[1582,4066,1756],{"class":1588},[1582,4068,1731],{"class":1588},[1582,4070,4072,4074,4076,4078,4080],{"class":1584,"line":4071},160,[1582,4073,2474],{"class":1606},[1582,4075,1610],{"class":1588},[1582,4077,1613],{"class":1588},[1582,4079,3345],{"class":1616},[1582,4081,1731],{"class":1588},[1582,4083,4085],{"class":1584,"line":4084},161,[1582,4086,2922],{"class":1588},[1582,4088,4090,4092,4094,4096,4098,4100,4103,4105],{"class":1584,"line":4089},162,[1582,4091,1791],{"class":1588},[1582,4093,1556],{"class":1592},[1582,4095,1607],{"class":1606},[1582,4097,1610],{"class":1588},[1582,4099,1613],{"class":1588},[1582,4101,4102],{"class":1616},"border-t border-gray-200 dark:border-gray-800 pt-8",[1582,4104,1613],{"class":1588},[1582,4106,1595],{"class":1588},[1582,4108,4110,4112,4114,4116,4118,4120,4123,4125],{"class":1584,"line":4109},163,[1582,4111,3100],{"class":1588},[1582,4113,3491],{"class":1592},[1582,4115,1607],{"class":1606},[1582,4117,1610],{"class":1588},[1582,4119,1613],{"class":1588},[1582,4121,4122],{"class":1616},"text-2xl font-bold text-gray-900 dark:text-white mb-6",[1582,4124,1613],{"class":1588},[1582,4126,1595],{"class":1588},[1582,4128,4130],{"class":1584,"line":4129},164,[1582,4131,4132],{"class":1817},"              Comments ({{ comments.length }})\n",[1582,4134,4136,4138,4140],{"class":1584,"line":4135},165,[1582,4137,3207],{"class":1588},[1582,4139,3491],{"class":1592},[1582,4141,1595],{"class":1588},[1582,4143,4145],{"class":1584,"line":4144},166,[1582,4146,4147],{"class":1817},"            \n",[1582,4149,4151,4153,4155,4157,4159,4161,4164,4166],{"class":1584,"line":4150},167,[1582,4152,3100],{"class":1588},[1582,4154,1556],{"class":1592},[1582,4156,1607],{"class":1606},[1582,4158,1610],{"class":1588},[1582,4160,1613],{"class":1588},[1582,4162,4163],{"class":1616},"space-y-6 mb-8",[1582,4165,1613],{"class":1588},[1582,4167,1595],{"class":1588},[1582,4169,4171,4173],{"class":1584,"line":4170},168,[1582,4172,3388],{"class":1588},[1582,4174,4175],{"class":1592},"div\n",[1582,4177,4179,4182,4184,4186,4189],{"class":1584,"line":4178},169,[1582,4180,4181],{"class":1606},"                v-for",[1582,4183,1610],{"class":1588},[1582,4185,1613],{"class":1588},[1582,4187,4188],{"class":1616},"comment in comments",[1582,4190,1731],{"class":1588},[1582,4192,4194,4197,4199,4201,4204],{"class":1584,"line":4193},170,[1582,4195,4196],{"class":1606},"                :key",[1582,4198,1610],{"class":1588},[1582,4200,1613],{"class":1588},[1582,4202,4203],{"class":1616},"comment.id",[1582,4205,1731],{"class":1588},[1582,4207,4209,4211,4213,4215,4217],{"class":1584,"line":4208},171,[1582,4210,3458],{"class":1606},[1582,4212,1610],{"class":1588},[1582,4214,1613],{"class":1588},[1582,4216,1559],{"class":1616},[1582,4218,1731],{"class":1588},[1582,4220,4222],{"class":1584,"line":4221},172,[1582,4223,4224],{"class":1588},"              >\n",[1582,4226,4228,4230],{"class":1584,"line":4227},173,[1582,4229,3488],{"class":1588},[1582,4231,2401],{"class":1592},[1582,4233,4235,4238,4240,4242,4244,4247,4249,4251,4253,4255],{"class":1584,"line":4234},174,[1582,4236,4237],{"class":1588},"                  :",[1582,4239,2410],{"class":1606},[1582,4241,1610],{"class":1588},[1582,4243,1613],{"class":1588},[1582,4245,4246],{"class":1817},"comment",[1582,4248,1821],{"class":1588},[1582,4250,2421],{"class":1817},[1582,4252,1821],{"class":1588},[1582,4254,2426],{"class":1817},[1582,4256,1731],{"class":1588},[1582,4258,4260,4262,4264,4266,4268,4270,4272,4274,4276,4278],{"class":1584,"line":4259},175,[1582,4261,4237],{"class":1588},[1582,4263,2436],{"class":1606},[1582,4265,1610],{"class":1588},[1582,4267,1613],{"class":1588},[1582,4269,4246],{"class":1817},[1582,4271,1821],{"class":1588},[1582,4273,2421],{"class":1817},[1582,4275,1821],{"class":1588},[1582,4277,2451],{"class":1817},[1582,4279,1731],{"class":1588},[1582,4281,4283,4286,4288,4290,4293],{"class":1584,"line":4282},176,[1582,4284,4285],{"class":1606},"                  size",[1582,4287,1610],{"class":1588},[1582,4289,1613],{"class":1588},[1582,4291,4292],{"class":1616},"md",[1582,4294,1731],{"class":1588},[1582,4296,4298,4301,4303,4305,4307],{"class":1584,"line":4297},177,[1582,4299,4300],{"class":1606},"                  class",[1582,4302,1610],{"class":1588},[1582,4304,1613],{"class":1588},[1582,4306,2481],{"class":1616},[1582,4308,1731],{"class":1588},[1582,4310,4312],{"class":1584,"line":4311},178,[1582,4313,4314],{"class":1588},"                \u002F>\n",[1582,4316,4318,4320,4322,4324,4326,4328,4331,4333],{"class":1584,"line":4317},179,[1582,4319,3488],{"class":1588},[1582,4321,1556],{"class":1592},[1582,4323,1607],{"class":1606},[1582,4325,1610],{"class":1588},[1582,4327,1613],{"class":1588},[1582,4329,4330],{"class":1616},"flex-1",[1582,4332,1613],{"class":1588},[1582,4334,1595],{"class":1588},[1582,4336,4338,4340,4342,4344,4346,4348,4351,4353],{"class":1584,"line":4337},180,[1582,4339,3581],{"class":1588},[1582,4341,1556],{"class":1592},[1582,4343,1607],{"class":1606},[1582,4345,1610],{"class":1588},[1582,4347,1613],{"class":1588},[1582,4349,4350],{"class":1616},"bg-gray-100 dark:bg-gray-800 rounded-lg p-4",[1582,4352,1613],{"class":1588},[1582,4354,1595],{"class":1588},[1582,4356,4358,4361,4363,4365,4367,4369,4372,4374],{"class":1584,"line":4357},181,[1582,4359,4360],{"class":1588},"                    \u003C",[1582,4362,1556],{"class":1592},[1582,4364,1607],{"class":1606},[1582,4366,1610],{"class":1588},[1582,4368,1613],{"class":1588},[1582,4370,4371],{"class":1616},"flex items-center justify-between mb-2",[1582,4373,1613],{"class":1588},[1582,4375,1595],{"class":1588},[1582,4377,4379,4382,4384,4386,4388,4390,4392,4394],{"class":1584,"line":4378},182,[1582,4380,4381],{"class":1588},"                      \u003C",[1582,4383,1582],{"class":1592},[1582,4385,1607],{"class":1606},[1582,4387,1610],{"class":1588},[1582,4389,1613],{"class":1588},[1582,4391,2514],{"class":1616},[1582,4393,1613],{"class":1588},[1582,4395,1595],{"class":1588},[1582,4397,4399],{"class":1584,"line":4398},183,[1582,4400,4401],{"class":1817},"                        {{ comment.author.name }}\n",[1582,4403,4405,4408,4410],{"class":1584,"line":4404},184,[1582,4406,4407],{"class":1588},"                      \u003C\u002F",[1582,4409,1582],{"class":1592},[1582,4411,1595],{"class":1588},[1582,4413,4415,4417,4419,4421,4423,4425,4428,4430],{"class":1584,"line":4414},185,[1582,4416,4381],{"class":1588},[1582,4418,1582],{"class":1592},[1582,4420,1607],{"class":1606},[1582,4422,1610],{"class":1588},[1582,4424,1613],{"class":1588},[1582,4426,4427],{"class":1616},"text-sm text-gray-500 dark:text-gray-400",[1582,4429,1613],{"class":1588},[1582,4431,1595],{"class":1588},[1582,4433,4435],{"class":1584,"line":4434},186,[1582,4436,4437],{"class":1817},"                        {{ formatDate(comment.date) }}\n",[1582,4439,4441,4443,4445],{"class":1584,"line":4440},187,[1582,4442,4407],{"class":1588},[1582,4444,1582],{"class":1592},[1582,4446,1595],{"class":1588},[1582,4448,4450,4453,4455],{"class":1584,"line":4449},188,[1582,4451,4452],{"class":1588},"                    \u003C\u002F",[1582,4454,1556],{"class":1592},[1582,4456,1595],{"class":1588},[1582,4458,4460,4462,4464,4466,4468,4470,4473,4475],{"class":1584,"line":4459},189,[1582,4461,4360],{"class":1588},[1582,4463,1544],{"class":1592},[1582,4465,1607],{"class":1606},[1582,4467,1610],{"class":1588},[1582,4469,1613],{"class":1588},[1582,4471,4472],{"class":1616},"text-gray-700 dark:text-gray-300",[1582,4474,1613],{"class":1588},[1582,4476,1595],{"class":1588},[1582,4478,4480],{"class":1584,"line":4479},190,[1582,4481,4482],{"class":1817},"                      {{ comment.content }}\n",[1582,4484,4486,4488,4490],{"class":1584,"line":4485},191,[1582,4487,4452],{"class":1588},[1582,4489,1544],{"class":1592},[1582,4491,1595],{"class":1588},[1582,4493,4495,4498,4500],{"class":1584,"line":4494},192,[1582,4496,4497],{"class":1588},"                  \u003C\u002F",[1582,4499,1556],{"class":1592},[1582,4501,1595],{"class":1588},[1582,4503,4505,4507,4509,4511,4513,4515,4518,4520],{"class":1584,"line":4504},193,[1582,4506,3581],{"class":1588},[1582,4508,1556],{"class":1592},[1582,4510,1607],{"class":1606},[1582,4512,1610],{"class":1588},[1582,4514,1613],{"class":1588},[1582,4516,4517],{"class":1616},"mt-2 ml-2",[1582,4519,1613],{"class":1588},[1582,4521,1595],{"class":1588},[1582,4523,4525,4527],{"class":1584,"line":4524},194,[1582,4526,4360],{"class":1588},[1582,4528,3584],{"class":1592},[1582,4530,4532,4535,4537,4539,4541],{"class":1584,"line":4531},195,[1582,4533,4534],{"class":1606},"                      color",[1582,4536,1610],{"class":1588},[1582,4538,1613],{"class":1588},[1582,4540,3645],{"class":1616},[1582,4542,1731],{"class":1588},[1582,4544,4546,4549,4551,4553,4555],{"class":1584,"line":4545},196,[1582,4547,4548],{"class":1606},"                      variant",[1582,4550,1610],{"class":1588},[1582,4552,1613],{"class":1588},[1582,4554,3660],{"class":1616},[1582,4556,1731],{"class":1588},[1582,4558,4560,4563,4565,4567,4570],{"class":1584,"line":4559},197,[1582,4561,4562],{"class":1606},"                      size",[1582,4564,1610],{"class":1588},[1582,4566,1613],{"class":1588},[1582,4568,4569],{"class":1616},"xs",[1582,4571,1731],{"class":1588},[1582,4573,4575,4578,4580,4582,4585],{"class":1584,"line":4574},198,[1582,4576,4577],{"class":1606},"                      icon",[1582,4579,1610],{"class":1588},[1582,4581,1613],{"class":1588},[1582,4583,4584],{"class":1616},"i-heroicons-arrow-up-tray",[1582,4586,1731],{"class":1588},[1582,4588,4590,4593,4595,4597,4600],{"class":1584,"line":4589},199,[1582,4591,4592],{"class":1606},"                      label",[1582,4594,1610],{"class":1588},[1582,4596,1613],{"class":1588},[1582,4598,4599],{"class":1616},"Reply",[1582,4601,1731],{"class":1588},[1582,4603,4605],{"class":1584,"line":4604},200,[1582,4606,4607],{"class":1588},"                    \u002F>\n",[1582,4609,4611,4613,4615],{"class":1584,"line":4610},201,[1582,4612,4497],{"class":1588},[1582,4614,1556],{"class":1592},[1582,4616,1595],{"class":1588},[1582,4618,4620,4622,4624],{"class":1584,"line":4619},202,[1582,4621,3516],{"class":1588},[1582,4623,1556],{"class":1592},[1582,4625,1595],{"class":1588},[1582,4627,4629,4631,4633],{"class":1584,"line":4628},203,[1582,4630,3933],{"class":1588},[1582,4632,1556],{"class":1592},[1582,4634,1595],{"class":1588},[1582,4636,4638,4640,4642],{"class":1584,"line":4637},204,[1582,4639,3207],{"class":1588},[1582,4641,1556],{"class":1592},[1582,4643,1595],{"class":1588},[1582,4645,4647],{"class":1584,"line":4646},205,[1582,4648,4147],{"class":1817},[1582,4650,4652,4654,4656],{"class":1584,"line":4651},206,[1582,4653,3100],{"class":1588},[1582,4655,3360],{"class":1592},[1582,4657,1595],{"class":1588},[1582,4659,4661,4663,4666,4668,4670,4672,4675,4677],{"class":1584,"line":4660},207,[1582,4662,3388],{"class":1588},[1582,4664,4665],{"class":1592},"h4",[1582,4667,1607],{"class":1606},[1582,4669,1610],{"class":1588},[1582,4671,1613],{"class":1588},[1582,4673,4674],{"class":1616},"font-bold text-gray-900 dark:text-white mb-4",[1582,4676,1613],{"class":1588},[1582,4678,1595],{"class":1588},[1582,4680,4682],{"class":1584,"line":4681},208,[1582,4683,4684],{"class":1817},"                Leave a comment\n",[1582,4686,4688,4690,4692],{"class":1584,"line":4687},209,[1582,4689,3933],{"class":1588},[1582,4691,4665],{"class":1592},[1582,4693,1595],{"class":1588},[1582,4695,4697,4699],{"class":1584,"line":4696},210,[1582,4698,3388],{"class":1588},[1582,4700,4701],{"class":1592},"UTextarea\n",[1582,4703,4705,4708,4710,4712,4715],{"class":1584,"line":4704},211,[1582,4706,4707],{"class":1606},"                v-model",[1582,4709,1610],{"class":1588},[1582,4711,1613],{"class":1588},[1582,4713,4714],{"class":1817},"newComment",[1582,4716,1731],{"class":1588},[1582,4718,4720,4723,4725,4727,4730],{"class":1584,"line":4719},212,[1582,4721,4722],{"class":1606},"                placeholder",[1582,4724,1610],{"class":1588},[1582,4726,1613],{"class":1588},[1582,4728,4729],{"class":1616},"Share your thoughts...",[1582,4731,1731],{"class":1588},[1582,4733,4735,4737,4740,4742,4744,4747],{"class":1584,"line":4734},213,[1582,4736,3396],{"class":1588},[1582,4738,4739],{"class":1606},"rows",[1582,4741,1610],{"class":1588},[1582,4743,1613],{"class":1588},[1582,4745,4746],{"class":1690},"4",[1582,4748,1731],{"class":1588},[1582,4750,4752,4754,4756,4758,4761],{"class":1584,"line":4751},214,[1582,4753,3458],{"class":1606},[1582,4755,1610],{"class":1588},[1582,4757,1613],{"class":1588},[1582,4759,4760],{"class":1616},"mb-4",[1582,4762,1731],{"class":1588},[1582,4764,4766],{"class":1584,"line":4765},215,[1582,4767,3473],{"class":1588},[1582,4769,4771,4773,4775,4777,4779,4781,4784,4786],{"class":1584,"line":4770},216,[1582,4772,3388],{"class":1588},[1582,4774,1556],{"class":1592},[1582,4776,1607],{"class":1606},[1582,4778,1610],{"class":1588},[1582,4780,1613],{"class":1588},[1582,4782,4783],{"class":1616},"flex justify-between items-center",[1582,4785,1613],{"class":1588},[1582,4787,1595],{"class":1588},[1582,4789,4791,4793,4795,4797,4799,4801,4803,4805],{"class":1584,"line":4790},217,[1582,4792,3488],{"class":1588},[1582,4794,1556],{"class":1592},[1582,4796,1607],{"class":1606},[1582,4798,1610],{"class":1588},[1582,4800,1613],{"class":1588},[1582,4802,2386],{"class":1616},[1582,4804,1613],{"class":1588},[1582,4806,1595],{"class":1588},[1582,4808,4810,4812],{"class":1584,"line":4809},218,[1582,4811,3581],{"class":1588},[1582,4813,4814],{"class":1592},"UCheckbox\n",[1582,4816,4818,4821,4823,4825,4828],{"class":1584,"line":4817},219,[1582,4819,4820],{"class":1606},"                    v-model",[1582,4822,1610],{"class":1588},[1582,4824,1613],{"class":1588},[1582,4826,4827],{"class":1817},"subscribeToReplies",[1582,4829,1731],{"class":1588},[1582,4831,4833,4836,4838,4840,4843],{"class":1584,"line":4832},220,[1582,4834,4835],{"class":1606},"                    label",[1582,4837,1610],{"class":1588},[1582,4839,1613],{"class":1588},[1582,4841,4842],{"class":1616},"Subscribe to replies",[1582,4844,1731],{"class":1588},[1582,4846,4848,4851,4853,4855,4857],{"class":1584,"line":4847},221,[1582,4849,4850],{"class":1606},"                    class",[1582,4852,1610],{"class":1588},[1582,4854,1613],{"class":1588},[1582,4856,2481],{"class":1616},[1582,4858,1731],{"class":1588},[1582,4860,4862],{"class":1584,"line":4861},222,[1582,4863,3698],{"class":1588},[1582,4865,4867,4869,4871],{"class":1584,"line":4866},223,[1582,4868,3516],{"class":1588},[1582,4870,1556],{"class":1592},[1582,4872,1595],{"class":1588},[1582,4874,4876,4878],{"class":1584,"line":4875},224,[1582,4877,3488],{"class":1588},[1582,4879,3584],{"class":1592},[1582,4881,4883,4885,4888,4890,4892,4895,4897,4899,4902,4905],{"class":1584,"line":4882},225,[1582,4884,4237],{"class":1588},[1582,4886,4887],{"class":1606},"disabled",[1582,4889,1610],{"class":1588},[1582,4891,1613],{"class":1588},[1582,4893,4894],{"class":1588},"!",[1582,4896,4714],{"class":1817},[1582,4898,1821],{"class":1588},[1582,4900,4901],{"class":1810},"trim",[1582,4903,4904],{"class":1588},"()",[1582,4906,1731],{"class":1588},[1582,4908,4910,4913,4916,4918,4920,4923],{"class":1584,"line":4909},226,[1582,4911,4912],{"class":1588},"                  @",[1582,4914,4915],{"class":1606},"click",[1582,4917,1610],{"class":1588},[1582,4919,1613],{"class":1588},[1582,4921,4922],{"class":1817},"addComment",[1582,4924,1731],{"class":1588},[1582,4926,4928],{"class":1584,"line":4927},227,[1582,4929,4930],{"class":1588},"                >\n",[1582,4932,4934],{"class":1584,"line":4933},228,[1582,4935,4936],{"class":1817},"                  Post Comment\n",[1582,4938,4940,4942,4945],{"class":1584,"line":4939},229,[1582,4941,3516],{"class":1588},[1582,4943,4944],{"class":1592},"UButton",[1582,4946,1595],{"class":1588},[1582,4948,4950,4952,4954],{"class":1584,"line":4949},230,[1582,4951,3933],{"class":1588},[1582,4953,1556],{"class":1592},[1582,4955,1595],{"class":1588},[1582,4957,4959,4961,4963],{"class":1584,"line":4958},231,[1582,4960,3207],{"class":1588},[1582,4962,3360],{"class":1592},[1582,4964,1595],{"class":1588},[1582,4966,4968,4970,4972],{"class":1584,"line":4967},232,[1582,4969,1862],{"class":1588},[1582,4971,1556],{"class":1592},[1582,4973,1595],{"class":1588},[1582,4975,4977,4979,4981],{"class":1584,"line":4976},233,[1582,4978,1960],{"class":1588},[1582,4980,1973],{"class":1592},[1582,4982,1595],{"class":1588},[1582,4984,4986,4988,4990],{"class":1584,"line":4985},234,[1582,4987,1970],{"class":1588},[1582,4989,2816],{"class":1592},[1582,4991,1595],{"class":1588},[1582,4993,4995],{"class":1584,"line":4994},235,[1582,4996,1981],{"class":1817},[1582,4998,5000],{"class":1584,"line":4999},236,[1582,5001,5002],{"class":1627},"      \u003C!-- Sidebar -->\n",[1582,5004,5006,5008,5011,5013,5015,5017,5020,5022],{"class":1584,"line":5005},237,[1582,5007,1656],{"class":1588},[1582,5009,5010],{"class":1592},"aside",[1582,5012,1607],{"class":1606},[1582,5014,1610],{"class":1588},[1582,5016,1613],{"class":1588},[1582,5018,5019],{"class":1616},"lg:w-1\u002F4",[1582,5021,1613],{"class":1588},[1582,5023,1595],{"class":1588},[1582,5025,5027],{"class":1584,"line":5026},238,[1582,5028,5029],{"class":1627},"        \u003C!-- Table of Contents -->\n",[1582,5031,5033,5035],{"class":1584,"line":5032},239,[1582,5034,1770],{"class":1588},[1582,5036,2843],{"class":1592},[1582,5038,5040,5042,5044,5046,5048,5051],{"class":1584,"line":5039},240,[1582,5041,2407],{"class":1588},[1582,5043,2851],{"class":1606},[1582,5045,1610],{"class":1588},[1582,5047,1613],{"class":1588},[1582,5049,5050],{"class":1690},"0.05",[1582,5052,1731],{"class":1588},[1582,5054,5056,5058,5060,5062,5064],{"class":1584,"line":5055},241,[1582,5057,2865],{"class":1606},[1582,5059,1610],{"class":1588},[1582,5061,1613],{"class":1588},[1582,5063,2872],{"class":1616},[1582,5065,1731],{"class":1588},[1582,5067,5069,5071,5073,5075,5077],{"class":1584,"line":5068},242,[1582,5070,2880],{"class":1606},[1582,5072,1610],{"class":1588},[1582,5074,1613],{"class":1588},[1582,5076,1678],{"class":1616},[1582,5078,1731],{"class":1588},[1582,5080,5082,5084,5086,5088,5090],{"class":1584,"line":5081},243,[1582,5083,2894],{"class":1606},[1582,5085,1610],{"class":1588},[1582,5087,1613],{"class":1588},[1582,5089,1708],{"class":1616},[1582,5091,1731],{"class":1588},[1582,5093,5095,5097,5099,5101,5104],{"class":1584,"line":5094},244,[1582,5096,2474],{"class":1606},[1582,5098,1610],{"class":1588},[1582,5100,1613],{"class":1588},[1582,5102,5103],{"class":1616},"sticky top-8",[1582,5105,1731],{"class":1588},[1582,5107,5109],{"class":1584,"line":5108},245,[1582,5110,2922],{"class":1588},[1582,5112,5114,5116,5118,5120,5122,5124,5127,5129],{"class":1584,"line":5113},246,[1582,5115,1791],{"class":1588},[1582,5117,3360],{"class":1592},[1582,5119,1607],{"class":1606},[1582,5121,1610],{"class":1588},[1582,5123,1613],{"class":1588},[1582,5125,5126],{"class":1616},"mb-8",[1582,5128,1613],{"class":1588},[1582,5130,1595],{"class":1588},[1582,5132,5134,5136,5138,5140,5142,5144,5147,5149],{"class":1584,"line":5133},247,[1582,5135,3100],{"class":1588},[1582,5137,3491],{"class":1592},[1582,5139,1607],{"class":1606},[1582,5141,1610],{"class":1588},[1582,5143,1613],{"class":1588},[1582,5145,5146],{"class":1616},"font-bold text-lg text-gray-900 dark:text-white mb-4",[1582,5148,1613],{"class":1588},[1582,5150,1595],{"class":1588},[1582,5152,5154],{"class":1584,"line":5153},248,[1582,5155,5156],{"class":1817},"              Table of Contents\n",[1582,5158,5160,5162,5164],{"class":1584,"line":5159},249,[1582,5161,3207],{"class":1588},[1582,5163,3491],{"class":1592},[1582,5165,1595],{"class":1588},[1582,5167,5169,5171,5174,5176,5178,5180,5183,5185],{"class":1584,"line":5168},250,[1582,5170,3100],{"class":1588},[1582,5172,5173],{"class":1592},"ul",[1582,5175,1607],{"class":1606},[1582,5177,1610],{"class":1588},[1582,5179,1613],{"class":1588},[1582,5181,5182],{"class":1616},"space-y-2",[1582,5184,1613],{"class":1588},[1582,5186,1595],{"class":1588},[1582,5188,5190,5192],{"class":1584,"line":5189},251,[1582,5191,3388],{"class":1588},[1582,5193,5194],{"class":1592},"li\n",[1582,5196,5198,5200,5202,5204,5207],{"class":1584,"line":5197},252,[1582,5199,4181],{"class":1606},[1582,5201,1610],{"class":1588},[1582,5203,1613],{"class":1588},[1582,5205,5206],{"class":1616},"(heading, index) in article.headings",[1582,5208,1731],{"class":1588},[1582,5210,5212,5214,5216,5218,5221],{"class":1584,"line":5211},253,[1582,5213,4196],{"class":1606},[1582,5215,1610],{"class":1588},[1582,5217,1613],{"class":1588},[1582,5219,5220],{"class":1616},"index",[1582,5222,1731],{"class":1588},[1582,5224,5226],{"class":1584,"line":5225},254,[1582,5227,4224],{"class":1588},[1582,5229,5231,5233],{"class":1584,"line":5230},255,[1582,5232,3488],{"class":1588},[1582,5234,5235],{"class":1592},"a\n",[1582,5237,5239,5242,5244,5246,5249],{"class":1584,"line":5238},256,[1582,5240,5241],{"class":1606},"                  :href",[1582,5243,1610],{"class":1588},[1582,5245,1613],{"class":1588},[1582,5247,5248],{"class":1616},"`#${heading.id}`",[1582,5250,1731],{"class":1588},[1582,5252,5254,5256,5258,5260,5263],{"class":1584,"line":5253},257,[1582,5255,4300],{"class":1606},[1582,5257,1610],{"class":1588},[1582,5259,1613],{"class":1588},[1582,5261,5262],{"class":1616},"text-gray-600 dark:text-gray-400 hover:text-primary-500 dark:hover:text-primary-400 transition-colors",[1582,5264,1731],{"class":1588},[1582,5266,5268,5271,5273,5275,5278],{"class":1584,"line":5267},258,[1582,5269,5270],{"class":1606},"                  :class",[1582,5272,1610],{"class":1588},[1582,5274,1613],{"class":1588},[1582,5276,5277],{"class":1616},"{ 'font-medium text-primary-500 dark:text-primary-400': activeHeading === heading.id }",[1582,5279,1731],{"class":1588},[1582,5281,5283],{"class":1584,"line":5282},259,[1582,5284,4930],{"class":1588},[1582,5286,5288],{"class":1584,"line":5287},260,[1582,5289,5290],{"class":1817},"                  {{ heading.text }}\n",[1582,5292,5294,5296,5299],{"class":1584,"line":5293},261,[1582,5295,3516],{"class":1588},[1582,5297,5298],{"class":1592},"a",[1582,5300,1595],{"class":1588},[1582,5302,5304,5306,5309],{"class":1584,"line":5303},262,[1582,5305,3933],{"class":1588},[1582,5307,5308],{"class":1592},"li",[1582,5310,1595],{"class":1588},[1582,5312,5314,5316,5318],{"class":1584,"line":5313},263,[1582,5315,3207],{"class":1588},[1582,5317,5173],{"class":1592},[1582,5319,1595],{"class":1588},[1582,5321,5323,5325,5327],{"class":1584,"line":5322},264,[1582,5324,1862],{"class":1588},[1582,5326,3360],{"class":1592},[1582,5328,1595],{"class":1588},[1582,5330,5332],{"class":1584,"line":5331},265,[1582,5333,5334],{"class":1817},"          \n",[1582,5336,5338],{"class":1584,"line":5337},266,[1582,5339,5340],{"class":1627},"          \u003C!-- Related Articles -->\n",[1582,5342,5344,5346,5348],{"class":1584,"line":5343},267,[1582,5345,1791],{"class":1588},[1582,5347,3360],{"class":1592},[1582,5349,1595],{"class":1588},[1582,5351,5353,5355,5357,5359,5361,5363,5365,5367],{"class":1584,"line":5352},268,[1582,5354,3100],{"class":1588},[1582,5356,3491],{"class":1592},[1582,5358,1607],{"class":1606},[1582,5360,1610],{"class":1588},[1582,5362,1613],{"class":1588},[1582,5364,5146],{"class":1616},[1582,5366,1613],{"class":1588},[1582,5368,1595],{"class":1588},[1582,5370,5372],{"class":1584,"line":5371},269,[1582,5373,5374],{"class":1817},"              Related Articles\n",[1582,5376,5378,5380,5382],{"class":1584,"line":5377},270,[1582,5379,3207],{"class":1588},[1582,5381,3491],{"class":1592},[1582,5383,1595],{"class":1588},[1582,5385,5387,5389,5391,5393,5395,5397,5400,5402],{"class":1584,"line":5386},271,[1582,5388,3100],{"class":1588},[1582,5390,5173],{"class":1592},[1582,5392,1607],{"class":1606},[1582,5394,1610],{"class":1588},[1582,5396,1613],{"class":1588},[1582,5398,5399],{"class":1616},"space-y-4",[1582,5401,1613],{"class":1588},[1582,5403,1595],{"class":1588},[1582,5405,5407,5409],{"class":1584,"line":5406},272,[1582,5408,3388],{"class":1588},[1582,5410,5194],{"class":1592},[1582,5412,5414,5416,5418,5420,5423],{"class":1584,"line":5413},273,[1582,5415,4181],{"class":1606},[1582,5417,1610],{"class":1588},[1582,5419,1613],{"class":1588},[1582,5421,5422],{"class":1616},"related in relatedArticles",[1582,5424,1731],{"class":1588},[1582,5426,5428,5430,5432,5434,5437],{"class":1584,"line":5427},274,[1582,5429,4196],{"class":1606},[1582,5431,1610],{"class":1588},[1582,5433,1613],{"class":1588},[1582,5435,5436],{"class":1616},"related.id",[1582,5438,1731],{"class":1588},[1582,5440,5442],{"class":1584,"line":5441},275,[1582,5443,4224],{"class":1588},[1582,5445,5447,5449],{"class":1584,"line":5446},276,[1582,5448,3488],{"class":1588},[1582,5450,5451],{"class":1592},"NuxtLink\n",[1582,5453,5455,5457,5459,5461,5464,5467,5470,5473,5475,5478],{"class":1584,"line":5454},277,[1582,5456,4237],{"class":1588},[1582,5458,3616],{"class":1606},[1582,5460,1610],{"class":1588},[1582,5462,5463],{"class":1588},"\"`",[1582,5465,5466],{"class":1616},"\u002Fblog\u002F",[1582,5468,5469],{"class":1588},"${",[1582,5471,5472],{"class":1817},"related",[1582,5474,1821],{"class":1588},[1582,5476,5477],{"class":1817},"slug",[1582,5479,5480],{"class":1588},"}`\"\n",[1582,5482,5484,5486,5488,5490,5493],{"class":1584,"line":5483},278,[1582,5485,4300],{"class":1606},[1582,5487,1610],{"class":1588},[1582,5489,1613],{"class":1588},[1582,5491,5492],{"class":1616},"block group",[1582,5494,1731],{"class":1588},[1582,5496,5498],{"class":1584,"line":5497},279,[1582,5499,4930],{"class":1588},[1582,5501,5503,5505],{"class":1584,"line":5502},280,[1582,5504,3581],{"class":1588},[1582,5506,2719],{"class":1592},[1582,5508,5510,5513,5515,5517,5520],{"class":1584,"line":5509},281,[1582,5511,5512],{"class":1606},"                    :src",[1582,5514,1610],{"class":1588},[1582,5516,1613],{"class":1588},[1582,5518,5519],{"class":1616},"related.image",[1582,5521,1731],{"class":1588},[1582,5523,5525,5528,5530,5532,5535],{"class":1584,"line":5524},282,[1582,5526,5527],{"class":1606},"                    :alt",[1582,5529,1610],{"class":1588},[1582,5531,1613],{"class":1588},[1582,5533,5534],{"class":1616},"related.title",[1582,5536,1731],{"class":1588},[1582,5538,5540,5542,5544,5546,5549],{"class":1584,"line":5539},283,[1582,5541,4850],{"class":1606},[1582,5543,1610],{"class":1588},[1582,5545,1613],{"class":1588},[1582,5547,5548],{"class":1616},"w-full h-24 object-cover rounded-lg mb-2",[1582,5550,1731],{"class":1588},[1582,5552,5554],{"class":1584,"line":5553},284,[1582,5555,5556],{"class":1588},"                  >\n",[1582,5558,5560,5562,5564,5566,5568,5570,5573,5575],{"class":1584,"line":5559},285,[1582,5561,3581],{"class":1588},[1582,5563,4665],{"class":1592},[1582,5565,1607],{"class":1606},[1582,5567,1610],{"class":1588},[1582,5569,1613],{"class":1588},[1582,5571,5572],{"class":1616},"font-medium text-gray-900 dark:text-white group-hover:text-primary-500 dark:group-hover:text-primary-400 transition-colors",[1582,5574,1613],{"class":1588},[1582,5576,1595],{"class":1588},[1582,5578,5580],{"class":1584,"line":5579},286,[1582,5581,5582],{"class":1817},"                    {{ related.title }}\n",[1582,5584,5586,5588,5590],{"class":1584,"line":5585},287,[1582,5587,4497],{"class":1588},[1582,5589,4665],{"class":1592},[1582,5591,1595],{"class":1588},[1582,5593,5595,5597,5599,5601,5603,5605,5608,5610],{"class":1584,"line":5594},288,[1582,5596,3581],{"class":1588},[1582,5598,1544],{"class":1592},[1582,5600,1607],{"class":1606},[1582,5602,1610],{"class":1588},[1582,5604,1613],{"class":1588},[1582,5606,5607],{"class":1616},"text-sm text-gray-500 dark:text-gray-400 mt-1",[1582,5609,1613],{"class":1588},[1582,5611,1595],{"class":1588},[1582,5613,5615],{"class":1584,"line":5614},289,[1582,5616,5617],{"class":1817},"                    {{ related.date }}\n",[1582,5619,5621,5623,5625],{"class":1584,"line":5620},290,[1582,5622,4497],{"class":1588},[1582,5624,1544],{"class":1592},[1582,5626,1595],{"class":1588},[1582,5628,5630,5632,5635],{"class":1584,"line":5629},291,[1582,5631,3516],{"class":1588},[1582,5633,5634],{"class":1592},"NuxtLink",[1582,5636,1595],{"class":1588},[1582,5638,5640,5642,5644],{"class":1584,"line":5639},292,[1582,5641,3933],{"class":1588},[1582,5643,5308],{"class":1592},[1582,5645,1595],{"class":1588},[1582,5647,5649,5651,5653],{"class":1584,"line":5648},293,[1582,5650,3207],{"class":1588},[1582,5652,5173],{"class":1592},[1582,5654,1595],{"class":1588},[1582,5656,5658,5660,5662],{"class":1584,"line":5657},294,[1582,5659,1862],{"class":1588},[1582,5661,3360],{"class":1592},[1582,5663,1595],{"class":1588},[1582,5665,5667,5669,5671],{"class":1584,"line":5666},295,[1582,5668,1960],{"class":1588},[1582,5670,2956],{"class":1592},[1582,5672,1595],{"class":1588},[1582,5674,5676,5678,5680],{"class":1584,"line":5675},296,[1582,5677,1970],{"class":1588},[1582,5679,5010],{"class":1592},[1582,5681,1595],{"class":1588},[1582,5683,5685,5687,5689],{"class":1584,"line":5684},297,[1582,5686,2580],{"class":1588},[1582,5688,1556],{"class":1592},[1582,5690,1595],{"class":1588},[1582,5692,5694,5697,5699],{"class":1584,"line":5693},298,[1582,5695,5696],{"class":1588},"  \u003C\u002F",[1582,5698,1556],{"class":1592},[1582,5700,1595],{"class":1588},[1582,5702,5704,5706,5708],{"class":1584,"line":5703},299,[1582,5705,1894],{"class":1588},[1582,5707,1569],{"class":1592},[1582,5709,1595],{"class":1588},[1582,5711,5713],{"class":1584,"line":5712},300,[1582,5714,5716],{"emptyLinePlaceholder":5715},true,"\n",[1582,5718,5720,5722,5725,5728,5731,5733,5735,5738,5740],{"class":1584,"line":5719},301,[1582,5721,1589],{"class":1588},[1582,5723,5724],{"class":1592},"script",[1582,5726,5727],{"class":1606}," setup",[1582,5729,5730],{"class":1606}," lang",[1582,5732,1610],{"class":1588},[1582,5734,1613],{"class":1588},[1582,5736,5737],{"class":1616},"ts",[1582,5739,1613],{"class":1588},[1582,5741,1595],{"class":1588},[1582,5743,5745,5748,5751,5753,5756,5758,5761],{"class":1584,"line":5744},302,[1582,5746,5747],{"class":1606},"const",[1582,5749,5750],{"class":1817}," activeHeading ",[1582,5752,1610],{"class":1588},[1582,5754,5755],{"class":1810}," ref",[1582,5757,1814],{"class":1817},[1582,5759,5760],{"class":1588},"''",[1582,5762,5763],{"class":1817},")\n",[1582,5765,5767,5769,5772,5774,5776,5778,5780],{"class":1584,"line":5766},303,[1582,5768,5747],{"class":1606},[1582,5770,5771],{"class":1817}," newComment ",[1582,5773,1610],{"class":1588},[1582,5775,5755],{"class":1810},[1582,5777,1814],{"class":1817},[1582,5779,5760],{"class":1588},[1582,5781,5763],{"class":1817},[1582,5783,5785,5787,5790,5792,5794,5796,5800],{"class":1584,"line":5784},304,[1582,5786,5747],{"class":1606},[1582,5788,5789],{"class":1817}," subscribeToReplies ",[1582,5791,1610],{"class":1588},[1582,5793,5755],{"class":1810},[1582,5795,1814],{"class":1817},[1582,5797,5799],{"class":5798},"sfNiH","false",[1582,5801,5763],{"class":1817},[1582,5803,5805],{"class":1584,"line":5804},305,[1582,5806,5716],{"emptyLinePlaceholder":5715},[1582,5808,5810,5812,5815,5817],{"class":1584,"line":5809},306,[1582,5811,5747],{"class":1606},[1582,5813,5814],{"class":1817}," article ",[1582,5816,1610],{"class":1588},[1582,5818,5819],{"class":1588}," {\n",[1582,5821,5823,5826,5829,5832],{"class":1584,"line":5822},307,[1582,5824,5825],{"class":1592},"  id",[1582,5827,5828],{"class":1588},":",[1582,5830,5831],{"class":1690}," 1",[1582,5833,5834],{"class":1588},",\n",[1582,5836,5838,5841,5843,5846,5849,5852],{"class":1584,"line":5837},308,[1582,5839,5840],{"class":1592},"  title",[1582,5842,5828],{"class":1588},[1582,5844,5845],{"class":1588}," '",[1582,5847,5848],{"class":1616},"Getting Started with Vue 3 Composition API",[1582,5850,5851],{"class":1588},"'",[1582,5853,5834],{"class":1588},[1582,5855,5857,5860,5862,5864,5867,5869],{"class":1584,"line":5856},309,[1582,5858,5859],{"class":1592},"  excerpt",[1582,5861,5828],{"class":1588},[1582,5863,5845],{"class":1588},[1582,5865,5866],{"class":1616},"Learn how to leverage the Composition API in Vue 3 to build more maintainable and scalable applications.",[1582,5868,5851],{"class":1588},[1582,5870,5834],{"class":1588},[1582,5872,5874,5877,5879,5881,5884,5886],{"class":1584,"line":5873},310,[1582,5875,5876],{"class":1592},"  category",[1582,5878,5828],{"class":1588},[1582,5880,5845],{"class":1588},[1582,5882,5883],{"class":1616},"Technology",[1582,5885,5851],{"class":1588},[1582,5887,5834],{"class":1588},[1582,5889,5891,5894,5896,5898,5901,5903],{"class":1584,"line":5890},311,[1582,5892,5893],{"class":1592},"  date",[1582,5895,5828],{"class":1588},[1582,5897,5845],{"class":1588},[1582,5899,5900],{"class":1616},"May 15, 2023",[1582,5902,5851],{"class":1588},[1582,5904,5834],{"class":1588},[1582,5906,5908,5911,5913,5916],{"class":1584,"line":5907},312,[1582,5909,5910],{"class":1592},"  readTime",[1582,5912,5828],{"class":1588},[1582,5914,5915],{"class":1690}," 8",[1582,5917,5834],{"class":1588},[1582,5919,5921,5924,5926,5928,5931,5933],{"class":1584,"line":5920},313,[1582,5922,5923],{"class":1592},"  featuredImage",[1582,5925,5828],{"class":1588},[1582,5927,5845],{"class":1588},[1582,5929,5930],{"class":1616},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1633356122102-3fe601e05bd2?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80",[1582,5932,5851],{"class":1588},[1582,5934,5834],{"class":1588},[1582,5936,5938,5941,5943],{"class":1584,"line":5937},314,[1582,5939,5940],{"class":1592},"  author",[1582,5942,5828],{"class":1588},[1582,5944,5819],{"class":1588},[1582,5946,5948,5951,5953,5955,5958,5960],{"class":1584,"line":5947},315,[1582,5949,5950],{"class":1592},"    name",[1582,5952,5828],{"class":1588},[1582,5954,5845],{"class":1588},[1582,5956,5957],{"class":1616},"Alex Johnson",[1582,5959,5851],{"class":1588},[1582,5961,5834],{"class":1588},[1582,5963,5965,5968,5970,5972,5975,5977],{"class":1584,"line":5964},316,[1582,5966,5967],{"class":1592},"    avatar",[1582,5969,5828],{"class":1588},[1582,5971,5845],{"class":1588},[1582,5973,5974],{"class":1616},"https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fmen\u002F32.jpg",[1582,5976,5851],{"class":1588},[1582,5978,5834],{"class":1588},[1582,5980,5982,5985,5987,5989,5992,5994],{"class":1584,"line":5981},317,[1582,5983,5984],{"class":1592},"    role",[1582,5986,5828],{"class":1588},[1582,5988,5845],{"class":1588},[1582,5990,5991],{"class":1616},"Senior Frontend Developer",[1582,5993,5851],{"class":1588},[1582,5995,5834],{"class":1588},[1582,5997,5999,6002,6004,6006,6009,6011],{"class":1584,"line":5998},318,[1582,6000,6001],{"class":1592},"    bio",[1582,6003,5828],{"class":1588},[1582,6005,5845],{"class":1588},[1582,6007,6008],{"class":1616},"Alex is a senior frontend developer with over 8 years of experience building web applications. He specializes in Vue.js and React.",[1582,6010,5851],{"class":1588},[1582,6012,5834],{"class":1588},[1582,6014,6016,6019,6021,6023,6026,6028],{"class":1584,"line":6015},319,[1582,6017,6018],{"class":1592},"    twitter",[1582,6020,5828],{"class":1588},[1582,6022,5845],{"class":1588},[1582,6024,6025],{"class":1616},"https:\u002F\u002Ftwitter.com\u002Fexample",[1582,6027,5851],{"class":1588},[1582,6029,5834],{"class":1588},[1582,6031,6033,6036,6038,6040,6043,6045],{"class":1584,"line":6032},320,[1582,6034,6035],{"class":1592},"    linkedin",[1582,6037,5828],{"class":1588},[1582,6039,5845],{"class":1588},[1582,6041,6042],{"class":1616},"https:\u002F\u002Flinkedin.com\u002Fin\u002Fexample",[1582,6044,5851],{"class":1588},[1582,6046,5834],{"class":1588},[1582,6048,6050,6053,6055,6057,6060],{"class":1584,"line":6049},321,[1582,6051,6052],{"class":1592},"    github",[1582,6054,5828],{"class":1588},[1582,6056,5845],{"class":1588},[1582,6058,6059],{"class":1616},"https:\u002F\u002Fgithub.com\u002Fexample",[1582,6061,6062],{"class":1588},"'\n",[1582,6064,6066],{"class":1584,"line":6065},322,[1582,6067,6068],{"class":1588},"  },\n",[1582,6070,6072,6075,6077,6080,6082,6085,6087,6090,6092,6095,6097,6099,6101,6104,6106,6108,6110,6113,6115,6118],{"class":1584,"line":6071},323,[1582,6073,6074],{"class":1592},"  tags",[1582,6076,5828],{"class":1588},[1582,6078,6079],{"class":1817}," [",[1582,6081,5851],{"class":1588},[1582,6083,6084],{"class":1616},"Vue.js",[1582,6086,5851],{"class":1588},[1582,6088,6089],{"class":1588},",",[1582,6091,5845],{"class":1588},[1582,6093,6094],{"class":1616},"JavaScript",[1582,6096,5851],{"class":1588},[1582,6098,6089],{"class":1588},[1582,6100,5845],{"class":1588},[1582,6102,6103],{"class":1616},"Frontend",[1582,6105,5851],{"class":1588},[1582,6107,6089],{"class":1588},[1582,6109,5845],{"class":1588},[1582,6111,6112],{"class":1616},"Composition API",[1582,6114,5851],{"class":1588},[1582,6116,6117],{"class":1817},"]",[1582,6119,5834],{"class":1588},[1582,6121,6123,6126,6128],{"class":1584,"line":6122},324,[1582,6124,6125],{"class":1592},"  headings",[1582,6127,5828],{"class":1588},[1582,6129,6130],{"class":1817}," [\n",[1582,6132,6134,6137,6140,6142,6144,6147,6149,6151,6154,6156,6158,6160,6162],{"class":1584,"line":6133},325,[1582,6135,6136],{"class":1588},"    {",[1582,6138,6139],{"class":1592}," id",[1582,6141,5828],{"class":1588},[1582,6143,5845],{"class":1588},[1582,6145,6146],{"class":1616},"introduction",[1582,6148,5851],{"class":1588},[1582,6150,6089],{"class":1588},[1582,6152,6153],{"class":1592}," text",[1582,6155,5828],{"class":1588},[1582,6157,5845],{"class":1588},[1582,6159,10],{"class":1616},[1582,6161,5851],{"class":1588},[1582,6163,6164],{"class":1588}," },\n",[1582,6166,6168,6170,6172,6174,6176,6179,6181,6183,6185,6187,6189,6192,6194],{"class":1584,"line":6167},326,[1582,6169,6136],{"class":1588},[1582,6171,6139],{"class":1592},[1582,6173,5828],{"class":1588},[1582,6175,5845],{"class":1588},[1582,6177,6178],{"class":1616},"setup",[1582,6180,5851],{"class":1588},[1582,6182,6089],{"class":1588},[1582,6184,6153],{"class":1592},[1582,6186,5828],{"class":1588},[1582,6188,5845],{"class":1588},[1582,6190,6191],{"class":1616},"Getting your project ready",[1582,6193,5851],{"class":1588},[1582,6195,6164],{"class":1588},[1582,6197,6199,6201,6203,6205,6207,6210,6212,6214,6216,6218,6220,6223,6225],{"class":1584,"line":6198},327,[1582,6200,6136],{"class":1588},[1582,6202,6139],{"class":1592},[1582,6204,5828],{"class":1588},[1582,6206,5845],{"class":1588},[1582,6208,6209],{"class":1616},"reactive-data",[1582,6211,5851],{"class":1588},[1582,6213,6089],{"class":1588},[1582,6215,6153],{"class":1592},[1582,6217,5828],{"class":1588},[1582,6219,5845],{"class":1588},[1582,6221,6222],{"class":1616},"Working with Reactive Data",[1582,6224,5851],{"class":1588},[1582,6226,6164],{"class":1588},[1582,6228,6230,6232,6234,6236,6238,6241,6243,6245,6247,6249,6251,6254,6256],{"class":1584,"line":6229},328,[1582,6231,6136],{"class":1588},[1582,6233,6139],{"class":1592},[1582,6235,5828],{"class":1588},[1582,6237,5845],{"class":1588},[1582,6239,6240],{"class":1616},"computed-properties",[1582,6242,5851],{"class":1588},[1582,6244,6089],{"class":1588},[1582,6246,6153],{"class":1592},[1582,6248,5828],{"class":1588},[1582,6250,5845],{"class":1588},[1582,6252,6253],{"class":1616},"Computed Properties and Watchers",[1582,6255,5851],{"class":1588},[1582,6257,6164],{"class":1588},[1582,6259,6261,6263,6265,6267,6269,6272,6274,6276,6278,6280,6282,6285,6287],{"class":1584,"line":6260},329,[1582,6262,6136],{"class":1588},[1582,6264,6139],{"class":1592},[1582,6266,5828],{"class":1588},[1582,6268,5845],{"class":1588},[1582,6270,6271],{"class":1616},"lifecycle-hooks",[1582,6273,5851],{"class":1588},[1582,6275,6089],{"class":1588},[1582,6277,6153],{"class":1592},[1582,6279,5828],{"class":1588},[1582,6281,5845],{"class":1588},[1582,6283,6284],{"class":1616},"Lifecycle Hooks",[1582,6286,5851],{"class":1588},[1582,6288,6164],{"class":1588},[1582,6290,6292,6294,6296,6298,6300,6303,6305,6307,6309,6311,6313,6316,6318],{"class":1584,"line":6291},330,[1582,6293,6136],{"class":1588},[1582,6295,6139],{"class":1592},[1582,6297,5828],{"class":1588},[1582,6299,5845],{"class":1588},[1582,6301,6302],{"class":1616},"best-practices",[1582,6304,5851],{"class":1588},[1582,6306,6089],{"class":1588},[1582,6308,6153],{"class":1592},[1582,6310,5828],{"class":1588},[1582,6312,5845],{"class":1588},[1582,6314,6315],{"class":1616},"Best Practices",[1582,6317,5851],{"class":1588},[1582,6319,6164],{"class":1588},[1582,6321,6323,6325,6327,6329,6331,6334,6336,6338,6340,6342,6344,6347,6349],{"class":1584,"line":6322},331,[1582,6324,6136],{"class":1588},[1582,6326,6139],{"class":1592},[1582,6328,5828],{"class":1588},[1582,6330,5845],{"class":1588},[1582,6332,6333],{"class":1616},"conclusion",[1582,6335,5851],{"class":1588},[1582,6337,6089],{"class":1588},[1582,6339,6153],{"class":1592},[1582,6341,5828],{"class":1588},[1582,6343,5845],{"class":1588},[1582,6345,6346],{"class":1616},"Conclusion",[1582,6348,5851],{"class":1588},[1582,6350,6351],{"class":1588}," }\n",[1582,6353,6355,6358],{"class":1584,"line":6354},332,[1582,6356,6357],{"class":1817},"  ]",[1582,6359,5834],{"class":1588},[1582,6361,6363,6366,6368],{"class":1584,"line":6362},333,[1582,6364,6365],{"class":1592},"  content",[1582,6367,5828],{"class":1588},[1582,6369,6370],{"class":1588}," `\n",[1582,6372,6374],{"class":1584,"line":6373},334,[1582,6375,6376],{"class":1616},"    \u003Ch2 id=\"introduction\">Introduction\u003C\u002Fh2>\n",[1582,6378,6380],{"class":1584,"line":6379},335,[1582,6381,6382],{"class":1616},"    \u003Cp>The Vue 3 Composition API is a new way to organize and reuse logic in Vue components. It provides a more flexible alternative to the Options API, allowing developers to group related logic together and share it across components more easily.\u003C\u002Fp>\n",[1582,6384,6386],{"class":1584,"line":6385},336,[1582,6387,2590],{"class":1616},[1582,6389,6391],{"class":1584,"line":6390},337,[1582,6392,6393],{"class":1616},"    \u003Ch2 id=\"setup\">Getting your project ready\u003C\u002Fh2>\n",[1582,6395,6397],{"class":1584,"line":6396},338,[1582,6398,6399],{"class":1616},"    \u003Cp>To get started with the Composition API, you'll need to have Vue 3 installed in your project. If you're starting a new project, you can use the Vue CLI:\u003C\u002Fp>\n",[1582,6401,6403],{"class":1584,"line":6402},339,[1582,6404,6405],{"class":1616},"    \u003Cpre>\u003Ccode class=\"language-bash\">npm install -g @vue\u002Fcli\n",[1582,6407,6409],{"class":1584,"line":6408},340,[1582,6410,6411],{"class":1616},"vue create my-project\n",[1582,6413,6415],{"class":1584,"line":6414},341,[1582,6416,6417],{"class":1616},"cd my-project\n",[1582,6419,6421],{"class":1584,"line":6420},342,[1582,6422,6423],{"class":1616},"vue add vue-next\u003C\u002Fcode>\u003C\u002Fpre>\n",[1582,6425,6427],{"class":1584,"line":6426},343,[1582,6428,2590],{"class":1616},[1582,6430,6432],{"class":1584,"line":6431},344,[1582,6433,6434],{"class":1616},"    \u003Ch2 id=\"reactive-data\">Working with Reactive Data\u003C\u002Fh2>\n",[1582,6436,6438],{"class":1584,"line":6437},345,[1582,6439,6440],{"class":1616},"    \u003Cp>One of the key features of the Composition API is the \u003Ccode>ref\u003C\u002Fcode> and \u003Ccode>reactive\u003C\u002Fcode> functions for creating reactive data. Here's how you can use them:\u003C\u002Fp>\n",[1582,6442,6444],{"class":1584,"line":6443},346,[1582,6445,6446],{"class":1616},"    \u003Cpre>\u003Ccode class=\"language-javascript\">import { ref, reactive } from 'vue'\n",[1582,6448,6450],{"class":1584,"line":6449},347,[1582,6451,5716],{"emptyLinePlaceholder":5715},[1582,6453,6455],{"class":1584,"line":6454},348,[1582,6456,6457],{"class":1616},"export default {\n",[1582,6459,6461],{"class":1584,"line":6460},349,[1582,6462,6463],{"class":1616},"  setup() {\n",[1582,6465,6467],{"class":1584,"line":6466},350,[1582,6468,6469],{"class":1616},"    const count = ref(0)\n",[1582,6471,6473],{"class":1584,"line":6472},351,[1582,6474,6475],{"class":1616},"    const state = reactive({\n",[1582,6477,6479],{"class":1584,"line":6478},352,[1582,6480,6481],{"class":1616},"      name: 'John',\n",[1582,6483,6485],{"class":1584,"line":6484},353,[1582,6486,6487],{"class":1616},"      age: 30\n",[1582,6489,6491],{"class":1584,"line":6490},354,[1582,6492,6493],{"class":1616},"    })\n",[1582,6495,6497],{"class":1584,"line":6496},355,[1582,6498,2590],{"class":1616},[1582,6500,6502],{"class":1584,"line":6501},356,[1582,6503,6504],{"class":1616},"    const increment = () => {\n",[1582,6506,6508],{"class":1584,"line":6507},357,[1582,6509,6510],{"class":1616},"      count.value++\n",[1582,6512,6514],{"class":1584,"line":6513},358,[1582,6515,6516],{"class":1616},"    }\n",[1582,6518,6520],{"class":1584,"line":6519},359,[1582,6521,2590],{"class":1616},[1582,6523,6525],{"class":1584,"line":6524},360,[1582,6526,6527],{"class":1616},"    return {\n",[1582,6529,6531],{"class":1584,"line":6530},361,[1582,6532,6533],{"class":1616},"      count,\n",[1582,6535,6537],{"class":1584,"line":6536},362,[1582,6538,6539],{"class":1616},"      state,\n",[1582,6541,6543],{"class":1584,"line":6542},363,[1582,6544,6545],{"class":1616},"      increment\n",[1582,6547,6549],{"class":1584,"line":6548},364,[1582,6550,6516],{"class":1616},[1582,6552,6554],{"class":1584,"line":6553},365,[1582,6555,6556],{"class":1616},"  }\n",[1582,6558,6560],{"class":1584,"line":6559},366,[1582,6561,6562],{"class":1616},"}\u003C\u002Fcode>\u003C\u002Fpre>\n",[1582,6564,6566],{"class":1584,"line":6565},367,[1582,6567,2590],{"class":1616},[1582,6569,6571],{"class":1584,"line":6570},368,[1582,6572,6573],{"class":1616},"    \u003Ch2 id=\"computed-properties\">Computed Properties and Watchers\u003C\u002Fh2>\n",[1582,6575,6577],{"class":1584,"line":6576},369,[1582,6578,6579],{"class":1616},"    \u003Cp>The Composition API also provides \u003Ccode>computed\u003C\u002Fcode> and \u003Ccode>watch\u003C\u002Fcode> functions for creating computed properties and watchers:\u003C\u002Fp>\n",[1582,6581,6583],{"class":1584,"line":6582},370,[1582,6584,6585],{"class":1616},"    \u003Cpre>\u003Ccode class=\"language-javascript\">import { ref, computed, watch } from 'vue'\n",[1582,6587,6589],{"class":1584,"line":6588},371,[1582,6590,5716],{"emptyLinePlaceholder":5715},[1582,6592,6594],{"class":1584,"line":6593},372,[1582,6595,6457],{"class":1616},[1582,6597,6599],{"class":1584,"line":6598},373,[1582,6600,6463],{"class":1616},[1582,6602,6604],{"class":1584,"line":6603},374,[1582,6605,6606],{"class":1616},"    const firstName = ref('John')\n",[1582,6608,6610],{"class":1584,"line":6609},375,[1582,6611,6612],{"class":1616},"    const lastName = ref('Doe')\n",[1582,6614,6616],{"class":1584,"line":6615},376,[1582,6617,2590],{"class":1616},[1582,6619,6621],{"class":1584,"line":6620},377,[1582,6622,6623],{"class":1616},"    const fullName = computed(() => {\n",[1582,6625,6627,6630,6633,6636,6639,6642],{"class":1584,"line":6626},378,[1582,6628,6629],{"class":1616},"      return ",[1582,6631,6632],{"class":1817},"\\`\\$",[1582,6634,6635],{"class":1616},"{firstName.value} ",[1582,6637,6638],{"class":1817},"\\$",[1582,6640,6641],{"class":1616},"{lastName.value}",[1582,6643,6644],{"class":1817},"\\`\n",[1582,6646,6648],{"class":1584,"line":6647},379,[1582,6649,6493],{"class":1616},[1582,6651,6653],{"class":1584,"line":6652},380,[1582,6654,2590],{"class":1616},[1582,6656,6658],{"class":1584,"line":6657},381,[1582,6659,6660],{"class":1616},"    watch(firstName, (newVal, oldVal) => {\n",[1582,6662,6664,6667,6670,6673,6675,6678,6680,6683,6685],{"class":1584,"line":6663},382,[1582,6665,6666],{"class":1616},"      console.log(",[1582,6668,6669],{"class":1817},"\\`",[1582,6671,6672],{"class":1616},"First name changed from ",[1582,6674,6638],{"class":1817},[1582,6676,6677],{"class":1616},"{oldVal} to ",[1582,6679,6638],{"class":1817},[1582,6681,6682],{"class":1616},"{newVal}",[1582,6684,6669],{"class":1817},[1582,6686,5763],{"class":1616},[1582,6688,6690],{"class":1584,"line":6689},383,[1582,6691,6493],{"class":1616},[1582,6693,6695],{"class":1584,"line":6694},384,[1582,6696,2590],{"class":1616},[1582,6698,6700],{"class":1584,"line":6699},385,[1582,6701,6527],{"class":1616},[1582,6703,6705],{"class":1584,"line":6704},386,[1582,6706,6707],{"class":1616},"      firstName,\n",[1582,6709,6711],{"class":1584,"line":6710},387,[1582,6712,6713],{"class":1616},"      lastName,\n",[1582,6715,6717],{"class":1584,"line":6716},388,[1582,6718,6719],{"class":1616},"      fullName\n",[1582,6721,6723],{"class":1584,"line":6722},389,[1582,6724,6516],{"class":1616},[1582,6726,6728],{"class":1584,"line":6727},390,[1582,6729,6556],{"class":1616},[1582,6731,6733],{"class":1584,"line":6732},391,[1582,6734,6562],{"class":1616},[1582,6736,6738],{"class":1584,"line":6737},392,[1582,6739,2590],{"class":1616},[1582,6741,6743],{"class":1584,"line":6742},393,[1582,6744,6745],{"class":1616},"    \u003Ch2 id=\"lifecycle-hooks\">Lifecycle Hooks\u003C\u002Fh2>\n",[1582,6747,6749],{"class":1584,"line":6748},394,[1582,6750,6751],{"class":1616},"    \u003Cp>Lifecycle hooks in the Composition API are prefixed with \"on\" and imported from Vue:\u003C\u002Fp>\n",[1582,6753,6755],{"class":1584,"line":6754},395,[1582,6756,6757],{"class":1616},"    \u003Cpre>\u003Ccode class=\"language-javascript\">import { onMounted, onUnmounted } from 'vue'\n",[1582,6759,6761],{"class":1584,"line":6760},396,[1582,6762,5716],{"emptyLinePlaceholder":5715},[1582,6764,6766],{"class":1584,"line":6765},397,[1582,6767,6457],{"class":1616},[1582,6769,6771],{"class":1584,"line":6770},398,[1582,6772,6463],{"class":1616},[1582,6774,6776],{"class":1584,"line":6775},399,[1582,6777,6778],{"class":1616},"    onMounted(() => {\n",[1582,6780,6782],{"class":1584,"line":6781},400,[1582,6783,6784],{"class":1616},"      console.log('Component mounted!')\n",[1582,6786,6788],{"class":1584,"line":6787},401,[1582,6789,6493],{"class":1616},[1582,6791,6793],{"class":1584,"line":6792},402,[1582,6794,2590],{"class":1616},[1582,6796,6798],{"class":1584,"line":6797},403,[1582,6799,6800],{"class":1616},"    onUnmounted(() => {\n",[1582,6802,6804],{"class":1584,"line":6803},404,[1582,6805,6806],{"class":1616},"      console.log('Component unmounted!')\n",[1582,6808,6810],{"class":1584,"line":6809},405,[1582,6811,6493],{"class":1616},[1582,6813,6815],{"class":1584,"line":6814},406,[1582,6816,6556],{"class":1616},[1582,6818,6820],{"class":1584,"line":6819},407,[1582,6821,6562],{"class":1616},[1582,6823,6825],{"class":1584,"line":6824},408,[1582,6826,2590],{"class":1616},[1582,6828,6830],{"class":1584,"line":6829},409,[1582,6831,6832],{"class":1616},"    \u003Ch2 id=\"best-practices\">Best Practices\u003C\u002Fh2>\n",[1582,6834,6836],{"class":1584,"line":6835},410,[1582,6837,6838],{"class":1616},"    \u003Cp>When using the Composition API, consider these best practices:\u003C\u002Fp>\n",[1582,6840,6842],{"class":1584,"line":6841},411,[1582,6843,6844],{"class":1616},"    \u003Cul>\n",[1582,6846,6848],{"class":1584,"line":6847},412,[1582,6849,6850],{"class":1616},"      \u003Cli>Group related logic together in composable functions\u003C\u002Fli>\n",[1582,6852,6854],{"class":1584,"line":6853},413,[1582,6855,6856],{"class":1616},"      \u003Cli>Use descriptive names for refs and reactive objects\u003C\u002Fli>\n",[1582,6858,6860],{"class":1584,"line":6859},414,[1582,6861,6862],{"class":1616},"      \u003Cli>Keep setup functions small and focused\u003C\u002Fli>\n",[1582,6864,6866],{"class":1584,"line":6865},415,[1582,6867,6868],{"class":1616},"      \u003Cli>Extract reusable logic into separate modules\u003C\u002Fli>\n",[1582,6870,6872],{"class":1584,"line":6871},416,[1582,6873,6874],{"class":1616},"    \u003C\u002Ful>\n",[1582,6876,6878],{"class":1584,"line":6877},417,[1582,6879,2590],{"class":1616},[1582,6881,6883],{"class":1584,"line":6882},418,[1582,6884,6885],{"class":1616},"    \u003Ch2 id=\"conclusion\">Conclusion\u003C\u002Fh2>\n",[1582,6887,6889],{"class":1584,"line":6888},419,[1582,6890,6891],{"class":1616},"    \u003Cp>The Vue 3 Composition API offers a powerful and flexible way to organize your Vue components. By following these guidelines and experimenting with the API, you'll be able to build more maintainable and scalable Vue applications.\u003C\u002Fp>\n",[1582,6893,6895],{"class":1584,"line":6894},420,[1582,6896,6897],{"class":1588},"  `\n",[1582,6899,6901],{"class":1584,"line":6900},421,[1582,6902,6903],{"class":1588},"}\n",[1582,6905,6907],{"class":1584,"line":6906},422,[1582,6908,5716],{"emptyLinePlaceholder":5715},[1582,6910,6912,6914,6917,6919],{"class":1584,"line":6911},423,[1582,6913,5747],{"class":1606},[1582,6915,6916],{"class":1817}," relatedArticles ",[1582,6918,1610],{"class":1588},[1582,6920,6130],{"class":1817},[1582,6922,6924],{"class":1584,"line":6923},424,[1582,6925,6926],{"class":1588},"  {\n",[1582,6928,6930,6933,6935,6938],{"class":1584,"line":6929},425,[1582,6931,6932],{"class":1592},"    id",[1582,6934,5828],{"class":1588},[1582,6936,6937],{"class":1690}," 2",[1582,6939,5834],{"class":1588},[1582,6941,6943,6946,6948,6950,6953,6955],{"class":1584,"line":6942},426,[1582,6944,6945],{"class":1592},"    title",[1582,6947,5828],{"class":1588},[1582,6949,5845],{"class":1588},[1582,6951,6952],{"class":1616},"Advanced Vue Patterns",[1582,6954,5851],{"class":1588},[1582,6956,5834],{"class":1588},[1582,6958,6960,6963,6965,6967,6970,6972],{"class":1584,"line":6959},427,[1582,6961,6962],{"class":1592},"    date",[1582,6964,5828],{"class":1588},[1582,6966,5845],{"class":1588},[1582,6968,6969],{"class":1616},"May 10, 2023",[1582,6971,5851],{"class":1588},[1582,6973,5834],{"class":1588},[1582,6975,6977,6980,6982,6984,6987,6989],{"class":1584,"line":6976},428,[1582,6978,6979],{"class":1592},"    image",[1582,6981,5828],{"class":1588},[1582,6983,5845],{"class":1588},[1582,6985,6986],{"class":1616},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80",[1582,6988,5851],{"class":1588},[1582,6990,5834],{"class":1588},[1582,6992,6994,6997,6999,7001,7004],{"class":1584,"line":6993},429,[1582,6995,6996],{"class":1592},"    slug",[1582,6998,5828],{"class":1588},[1582,7000,5845],{"class":1588},[1582,7002,7003],{"class":1616},"advanced-vue-patterns",[1582,7005,6062],{"class":1588},[1582,7007,7009],{"class":1584,"line":7008},430,[1582,7010,6068],{"class":1588},[1582,7012,7014],{"class":1584,"line":7013},431,[1582,7015,6926],{"class":1588},[1582,7017,7019,7021,7023,7026],{"class":1584,"line":7018},432,[1582,7020,6932],{"class":1592},[1582,7022,5828],{"class":1588},[1582,7024,7025],{"class":1690}," 3",[1582,7027,5834],{"class":1588},[1582,7029,7031,7033,7035,7037,7040,7042],{"class":1584,"line":7030},433,[1582,7032,6945],{"class":1592},[1582,7034,5828],{"class":1588},[1582,7036,5845],{"class":1588},[1582,7038,7039],{"class":1616},"State Management in Vue 3",[1582,7041,5851],{"class":1588},[1582,7043,5834],{"class":1588},[1582,7045,7047,7049,7051,7053,7056,7058],{"class":1584,"line":7046},434,[1582,7048,6962],{"class":1592},[1582,7050,5828],{"class":1588},[1582,7052,5845],{"class":1588},[1582,7054,7055],{"class":1616},"May 5, 2023",[1582,7057,5851],{"class":1588},[1582,7059,5834],{"class":1588},[1582,7061,7063,7065,7067,7069,7072,7074],{"class":1584,"line":7062},435,[1582,7064,6979],{"class":1592},[1582,7066,5828],{"class":1588},[1582,7068,5845],{"class":1588},[1582,7070,7071],{"class":1616},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80",[1582,7073,5851],{"class":1588},[1582,7075,5834],{"class":1588},[1582,7077,7079,7081,7083,7085,7088],{"class":1584,"line":7078},436,[1582,7080,6996],{"class":1592},[1582,7082,5828],{"class":1588},[1582,7084,5845],{"class":1588},[1582,7086,7087],{"class":1616},"state-management-in-vue-3",[1582,7089,6062],{"class":1588},[1582,7091,7093],{"class":1584,"line":7092},437,[1582,7094,6068],{"class":1588},[1582,7096,7098],{"class":1584,"line":7097},438,[1582,7099,6926],{"class":1588},[1582,7101,7103,7105,7107,7110],{"class":1584,"line":7102},439,[1582,7104,6932],{"class":1592},[1582,7106,5828],{"class":1588},[1582,7108,7109],{"class":1690}," 4",[1582,7111,5834],{"class":1588},[1582,7113,7115,7117,7119,7121,7124,7126],{"class":1584,"line":7114},440,[1582,7116,6945],{"class":1592},[1582,7118,5828],{"class":1588},[1582,7120,5845],{"class":1588},[1582,7122,7123],{"class":1616},"Building a Vue 3 Component Library",[1582,7125,5851],{"class":1588},[1582,7127,5834],{"class":1588},[1582,7129,7131,7133,7135,7137,7140,7142],{"class":1584,"line":7130},441,[1582,7132,6962],{"class":1592},[1582,7134,5828],{"class":1588},[1582,7136,5845],{"class":1588},[1582,7138,7139],{"class":1616},"April 28, 2023",[1582,7141,5851],{"class":1588},[1582,7143,5834],{"class":1588},[1582,7145,7147,7149,7151,7153,7156,7158],{"class":1584,"line":7146},442,[1582,7148,6979],{"class":1592},[1582,7150,5828],{"class":1588},[1582,7152,5845],{"class":1588},[1582,7154,7155],{"class":1616},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1547891654-e66ed7ebb968?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80",[1582,7157,5851],{"class":1588},[1582,7159,5834],{"class":1588},[1582,7161,7163,7165,7167,7169,7172],{"class":1584,"line":7162},443,[1582,7164,6996],{"class":1592},[1582,7166,5828],{"class":1588},[1582,7168,5845],{"class":1588},[1582,7170,7171],{"class":1616},"building-a-vue-3-component-library",[1582,7173,6062],{"class":1588},[1582,7175,7177],{"class":1584,"line":7176},444,[1582,7178,6556],{"class":1588},[1582,7180,7182],{"class":1584,"line":7181},445,[1582,7183,7184],{"class":1817},"]\n",[1582,7186,7188],{"class":1584,"line":7187},446,[1582,7189,5716],{"emptyLinePlaceholder":5715},[1582,7191,7193,7195,7198,7200,7202],{"class":1584,"line":7192},447,[1582,7194,5747],{"class":1606},[1582,7196,7197],{"class":1817}," comments ",[1582,7199,1610],{"class":1588},[1582,7201,5755],{"class":1810},[1582,7203,7204],{"class":1817},"([\n",[1582,7206,7208],{"class":1584,"line":7207},448,[1582,7209,6926],{"class":1588},[1582,7211,7213,7215,7217,7219],{"class":1584,"line":7212},449,[1582,7214,6932],{"class":1592},[1582,7216,5828],{"class":1588},[1582,7218,5831],{"class":1690},[1582,7220,5834],{"class":1588},[1582,7222,7224,7227,7229],{"class":1584,"line":7223},450,[1582,7225,7226],{"class":1592},"    author",[1582,7228,5828],{"class":1588},[1582,7230,5819],{"class":1588},[1582,7232,7234,7237,7239,7241,7244,7246],{"class":1584,"line":7233},451,[1582,7235,7236],{"class":1592},"      name",[1582,7238,5828],{"class":1588},[1582,7240,5845],{"class":1588},[1582,7242,7243],{"class":1616},"Sarah Williams",[1582,7245,5851],{"class":1588},[1582,7247,5834],{"class":1588},[1582,7249,7251,7254,7256,7258,7261],{"class":1584,"line":7250},452,[1582,7252,7253],{"class":1592},"      avatar",[1582,7255,5828],{"class":1588},[1582,7257,5845],{"class":1588},[1582,7259,7260],{"class":1616},"https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fwomen\u002F44.jpg",[1582,7262,6062],{"class":1588},[1582,7264,7266],{"class":1584,"line":7265},453,[1582,7267,7268],{"class":1588},"    },\n",[1582,7270,7272,7275,7277,7279,7282,7284],{"class":1584,"line":7271},454,[1582,7273,7274],{"class":1592},"    content",[1582,7276,5828],{"class":1588},[1582,7278,5845],{"class":1588},[1582,7280,7281],{"class":1616},"Great article! The Composition API has really changed how I structure my Vue components. Thanks for the clear examples.",[1582,7283,5851],{"class":1588},[1582,7285,5834],{"class":1588},[1582,7287,7289,7291,7293,7295,7298],{"class":1584,"line":7288},455,[1582,7290,6962],{"class":1592},[1582,7292,5828],{"class":1588},[1582,7294,5845],{"class":1588},[1582,7296,7297],{"class":1616},"2023-05-16T10:30:00Z",[1582,7299,6062],{"class":1588},[1582,7301,7303],{"class":1584,"line":7302},456,[1582,7304,6068],{"class":1588},[1582,7306,7308],{"class":1584,"line":7307},457,[1582,7309,6926],{"class":1588},[1582,7311,7313,7315,7317,7319],{"class":1584,"line":7312},458,[1582,7314,6932],{"class":1592},[1582,7316,5828],{"class":1588},[1582,7318,6937],{"class":1690},[1582,7320,5834],{"class":1588},[1582,7322,7324,7326,7328],{"class":1584,"line":7323},459,[1582,7325,7226],{"class":1592},[1582,7327,5828],{"class":1588},[1582,7329,5819],{"class":1588},[1582,7331,7333,7335,7337,7339,7342,7344],{"class":1584,"line":7332},460,[1582,7334,7236],{"class":1592},[1582,7336,5828],{"class":1588},[1582,7338,5845],{"class":1588},[1582,7340,7341],{"class":1616},"Michael Chen",[1582,7343,5851],{"class":1588},[1582,7345,5834],{"class":1588},[1582,7347,7349,7351,7353,7355,7358],{"class":1584,"line":7348},461,[1582,7350,7253],{"class":1592},[1582,7352,5828],{"class":1588},[1582,7354,5845],{"class":1588},[1582,7356,7357],{"class":1616},"https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fmen\u002F22.jpg",[1582,7359,6062],{"class":1588},[1582,7361,7363],{"class":1584,"line":7362},462,[1582,7364,7268],{"class":1588},[1582,7366,7368,7370,7372,7374,7377,7380,7383,7385],{"class":1584,"line":7367},463,[1582,7369,7274],{"class":1592},[1582,7371,5828],{"class":1588},[1582,7373,5845],{"class":1588},[1582,7375,7376],{"class":1616},"I",[1582,7378,7379],{"class":1817},"\\'",[1582,7381,7382],{"class":1616},"ve been using the Composition API for a few months now, and I completely agree with your best practices section. Grouping related logic has made my code so much more maintainable.",[1582,7384,5851],{"class":1588},[1582,7386,5834],{"class":1588},[1582,7388,7390,7392,7394,7396,7399],{"class":1584,"line":7389},464,[1582,7391,6962],{"class":1592},[1582,7393,5828],{"class":1588},[1582,7395,5845],{"class":1588},[1582,7397,7398],{"class":1616},"2023-05-16T14:15:00Z",[1582,7400,6062],{"class":1588},[1582,7402,7404],{"class":1584,"line":7403},465,[1582,7405,6556],{"class":1588},[1582,7407,7409],{"class":1584,"line":7408},466,[1582,7410,7411],{"class":1817},"])\n",[1582,7413,7415],{"class":1584,"line":7414},467,[1582,7416,5716],{"emptyLinePlaceholder":5715},[1582,7418,7420,7422,7425,7427,7430,7433,7435,7439,7441,7444],{"class":1584,"line":7419},468,[1582,7421,5747],{"class":1606},[1582,7423,7424],{"class":1817}," getCategoryColor ",[1582,7426,1610],{"class":1588},[1582,7428,7429],{"class":1588}," (",[1582,7431,1824],{"class":7432},"sHdIc",[1582,7434,5828],{"class":1588},[1582,7436,7438],{"class":7437},"sBMFI"," string",[1582,7440,1827],{"class":1588},[1582,7442,7443],{"class":1606}," =>",[1582,7445,5819],{"class":1588},[1582,7447,7449,7452,7454,7456,7459],{"class":1584,"line":7448},469,[1582,7450,7451],{"class":3108},"  switch",[1582,7453,7429],{"class":1592},[1582,7455,1824],{"class":1817},[1582,7457,7458],{"class":1592},") ",[1582,7460,7461],{"class":1588},"{\n",[1582,7463,7465,7468,7470,7472,7474,7476,7479,7481,7484],{"class":1584,"line":7464},470,[1582,7466,7467],{"class":3108},"    case",[1582,7469,5845],{"class":1588},[1582,7471,5883],{"class":1616},[1582,7473,5851],{"class":1588},[1582,7475,5828],{"class":1588},[1582,7477,7478],{"class":3108}," return",[1582,7480,5845],{"class":1588},[1582,7482,7483],{"class":1616},"blue",[1582,7485,6062],{"class":1588},[1582,7487,7489,7491,7493,7496,7498,7500,7502,7504,7507],{"class":1584,"line":7488},471,[1582,7490,7467],{"class":3108},[1582,7492,5845],{"class":1588},[1582,7494,7495],{"class":1616},"Design",[1582,7497,5851],{"class":1588},[1582,7499,5828],{"class":1588},[1582,7501,7478],{"class":3108},[1582,7503,5845],{"class":1588},[1582,7505,7506],{"class":1616},"purple",[1582,7508,6062],{"class":1588},[1582,7510,7512,7514,7516,7519,7521,7523,7525,7527,7530],{"class":1584,"line":7511},472,[1582,7513,7467],{"class":3108},[1582,7515,5845],{"class":1588},[1582,7517,7518],{"class":1616},"Business",[1582,7520,5851],{"class":1588},[1582,7522,5828],{"class":1588},[1582,7524,7478],{"class":3108},[1582,7526,5845],{"class":1588},[1582,7528,7529],{"class":1616},"green",[1582,7531,6062],{"class":1588},[1582,7533,7535,7537,7539,7542,7544,7546,7548,7550,7553],{"class":1584,"line":7534},473,[1582,7536,7467],{"class":3108},[1582,7538,5845],{"class":1588},[1582,7540,7541],{"class":1616},"Lifestyle",[1582,7543,5851],{"class":1588},[1582,7545,5828],{"class":1588},[1582,7547,7478],{"class":3108},[1582,7549,5845],{"class":1588},[1582,7551,7552],{"class":1616},"pink",[1582,7554,6062],{"class":1588},[1582,7556,7558,7560,7562,7565,7567,7569,7571,7573,7576],{"class":1584,"line":7557},474,[1582,7559,7467],{"class":3108},[1582,7561,5845],{"class":1588},[1582,7563,7564],{"class":1616},"Travel",[1582,7566,5851],{"class":1588},[1582,7568,5828],{"class":1588},[1582,7570,7478],{"class":3108},[1582,7572,5845],{"class":1588},[1582,7574,7575],{"class":1616},"amber",[1582,7577,6062],{"class":1588},[1582,7579,7581,7584,7586,7588,7590,7592],{"class":1584,"line":7580},475,[1582,7582,7583],{"class":3108},"    default",[1582,7585,5828],{"class":1588},[1582,7587,7478],{"class":3108},[1582,7589,5845],{"class":1588},[1582,7591,3645],{"class":1616},[1582,7593,6062],{"class":1588},[1582,7595,7597],{"class":1584,"line":7596},476,[1582,7598,6556],{"class":1588},[1582,7600,7602],{"class":1584,"line":7601},477,[1582,7603,6903],{"class":1588},[1582,7605,7607],{"class":1584,"line":7606},478,[1582,7608,5716],{"emptyLinePlaceholder":5715},[1582,7610,7612,7614,7617,7619,7621,7624,7626,7628,7630,7632],{"class":1584,"line":7611},479,[1582,7613,5747],{"class":1606},[1582,7615,7616],{"class":1817}," formatDate ",[1582,7618,1610],{"class":1588},[1582,7620,7429],{"class":1588},[1582,7622,7623],{"class":7432},"dateString",[1582,7625,5828],{"class":1588},[1582,7627,7438],{"class":7437},[1582,7629,1827],{"class":1588},[1582,7631,7443],{"class":1606},[1582,7633,5819],{"class":1588},[1582,7635,7637,7640,7643,7646,7649,7652,7654,7656],{"class":1584,"line":7636},480,[1582,7638,7639],{"class":1606},"  const",[1582,7641,7642],{"class":1817}," date",[1582,7644,7645],{"class":1588}," =",[1582,7647,7648],{"class":1588}," new",[1582,7650,7651],{"class":1810}," Date",[1582,7653,1814],{"class":1592},[1582,7655,7623],{"class":1817},[1582,7657,5763],{"class":1592},[1582,7659,7661,7664,7666,7668,7671,7673,7675,7678,7680,7682,7685,7688,7690,7692,7695,7697,7699,7702,7704,7706,7709,7711,7713,7716,7718,7720,7722,7724,7726],{"class":1584,"line":7660},481,[1582,7662,7663],{"class":3108},"  return",[1582,7665,7642],{"class":1817},[1582,7667,1821],{"class":1588},[1582,7669,7670],{"class":1810},"toLocaleDateString",[1582,7672,1814],{"class":1592},[1582,7674,5851],{"class":1588},[1582,7676,7677],{"class":1616},"en-US",[1582,7679,5851],{"class":1588},[1582,7681,6089],{"class":1588},[1582,7683,7684],{"class":1588}," {",[1582,7686,7687],{"class":1592}," month",[1582,7689,5828],{"class":1588},[1582,7691,5845],{"class":1588},[1582,7693,7694],{"class":1616},"short",[1582,7696,5851],{"class":1588},[1582,7698,6089],{"class":1588},[1582,7700,7701],{"class":1592}," day",[1582,7703,5828],{"class":1588},[1582,7705,5845],{"class":1588},[1582,7707,7708],{"class":1616},"numeric",[1582,7710,5851],{"class":1588},[1582,7712,6089],{"class":1588},[1582,7714,7715],{"class":1592}," year",[1582,7717,5828],{"class":1588},[1582,7719,5845],{"class":1588},[1582,7721,7708],{"class":1616},[1582,7723,5851],{"class":1588},[1582,7725,1756],{"class":1588},[1582,7727,5763],{"class":1592},[1582,7729,7731],{"class":1584,"line":7730},482,[1582,7732,6903],{"class":1588},[1582,7734,7736],{"class":1584,"line":7735},483,[1582,7737,5716],{"emptyLinePlaceholder":5715},[1582,7739,7741,7743,7746,7748,7751,7753],{"class":1584,"line":7740},484,[1582,7742,5747],{"class":1606},[1582,7744,7745],{"class":1817}," addComment ",[1582,7747,1610],{"class":1588},[1582,7749,7750],{"class":1588}," ()",[1582,7752,7443],{"class":1606},[1582,7754,5819],{"class":1588},[1582,7756,7758,7761,7763,7765,7767,7769,7772,7774,7776,7779],{"class":1584,"line":7757},485,[1582,7759,7760],{"class":3108},"  if",[1582,7762,7429],{"class":1592},[1582,7764,4894],{"class":1588},[1582,7766,4714],{"class":1817},[1582,7768,1821],{"class":1588},[1582,7770,7771],{"class":1817},"value",[1582,7773,1821],{"class":1588},[1582,7775,4901],{"class":1810},[1582,7777,7778],{"class":1592},"()) ",[1582,7780,7781],{"class":3108},"return\n",[1582,7783,7785],{"class":1584,"line":7784},486,[1582,7786,7787],{"class":1592},"  \n",[1582,7789,7791,7794,7796,7798,7800,7803,7805],{"class":1584,"line":7790},487,[1582,7792,7793],{"class":1817},"  comments",[1582,7795,1821],{"class":1588},[1582,7797,7771],{"class":1817},[1582,7799,1821],{"class":1588},[1582,7801,7802],{"class":1810},"push",[1582,7804,1814],{"class":1592},[1582,7806,7461],{"class":1588},[1582,7808,7810,7812,7814,7817,7819,7821,7823,7826,7829,7831],{"class":1584,"line":7809},488,[1582,7811,6932],{"class":1592},[1582,7813,5828],{"class":1588},[1582,7815,7816],{"class":1817}," comments",[1582,7818,1821],{"class":1588},[1582,7820,7771],{"class":1817},[1582,7822,1821],{"class":1588},[1582,7824,7825],{"class":1817},"length",[1582,7827,7828],{"class":1588}," +",[1582,7830,5831],{"class":1690},[1582,7832,5834],{"class":1588},[1582,7834,7836,7838,7840],{"class":1584,"line":7835},489,[1582,7837,7226],{"class":1592},[1582,7839,5828],{"class":1588},[1582,7841,5819],{"class":1588},[1582,7843,7845,7847,7849,7851,7854,7856],{"class":1584,"line":7844},490,[1582,7846,7236],{"class":1592},[1582,7848,5828],{"class":1588},[1582,7850,5845],{"class":1588},[1582,7852,7853],{"class":1616},"Current User",[1582,7855,5851],{"class":1588},[1582,7857,5834],{"class":1588},[1582,7859,7861,7863,7865,7867,7870],{"class":1584,"line":7860},491,[1582,7862,7253],{"class":1592},[1582,7864,5828],{"class":1588},[1582,7866,5845],{"class":1588},[1582,7868,7869],{"class":1616},"https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Flego\u002F1.jpg",[1582,7871,6062],{"class":1588},[1582,7873,7875],{"class":1584,"line":7874},492,[1582,7876,7268],{"class":1588},[1582,7878,7880,7882,7884,7887,7889,7891],{"class":1584,"line":7879},493,[1582,7881,7274],{"class":1592},[1582,7883,5828],{"class":1588},[1582,7885,7886],{"class":1817}," newComment",[1582,7888,1821],{"class":1588},[1582,7890,7771],{"class":1817},[1582,7892,5834],{"class":1588},[1582,7894,7896,7898,7900,7902,7904,7906,7908,7911],{"class":1584,"line":7895},494,[1582,7897,6962],{"class":1592},[1582,7899,5828],{"class":1588},[1582,7901,7648],{"class":1588},[1582,7903,7651],{"class":1810},[1582,7905,4904],{"class":1592},[1582,7907,1821],{"class":1588},[1582,7909,7910],{"class":1810},"toISOString",[1582,7912,7913],{"class":1592},"()\n",[1582,7915,7917,7920],{"class":1584,"line":7916},495,[1582,7918,7919],{"class":1588},"  }",[1582,7921,5763],{"class":1592},[1582,7923,7925],{"class":1584,"line":7924},496,[1582,7926,7787],{"class":1592},[1582,7928,7930,7933,7935,7937,7939],{"class":1584,"line":7929},497,[1582,7931,7932],{"class":1817},"  newComment",[1582,7934,1821],{"class":1588},[1582,7936,7771],{"class":1817},[1582,7938,7645],{"class":1588},[1582,7940,7941],{"class":1588}," ''\n",[1582,7943,7945],{"class":1584,"line":7944},498,[1582,7946,6903],{"class":1588},[1582,7948,7950,7952,7954],{"class":1584,"line":7949},499,[1582,7951,1894],{"class":1588},[1582,7953,5724],{"class":1592},[1582,7955,1595],{"class":1588},[7957,7958,7959],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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":1571,"searchDepth":1598,"depth":1598,"links":7961},[7962],{"id":1550,"depth":1598,"text":16},null,{},{"title":1366,"description":1546},"bnMGYuuqO_2pibht6B34XSgRpsm_ybaTaG-V1-snKCE",[7968,7970],{"title":1353,"path":1355,"stem":1359,"description":7969,"children":-1},"Twenty-one ready-made sections — hero, pricing, dashboards, portfolios — each wired with motion.",{"title":1370,"path":1371,"stem":1372,"description":7971,"children":-1},"A modern blog listing page with animated cards, filtering options, and pagination.",1794099502517]