[{"data":1,"prerenderedAt":738},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-installation":80,"-getting-started-installation-surround":733},[4,25,65],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-home",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Upgrading","\u002Fgetting-started\u002Fupgrading","1.getting-started\u002F3.upgrading","i-lucide-arrow-up-circle",{"title":26,"path":27,"stem":28,"children":29,"page":6},"Essentials","\u002Fessentials","2.essentials",[30,35,40,45,50,55,60],{"title":31,"path":32,"stem":33,"icon":34},"Configuration","\u002Fessentials\u002Fconfiguration","2.essentials\u002F1.configuration","i-lucide-settings",{"title":36,"path":37,"stem":38,"icon":39},"Authorization","\u002Fessentials\u002Fauthorization","2.essentials\u002F2.authorization","i-lucide-shield",{"title":41,"path":42,"stem":43,"icon":44},"Mentions","\u002Fessentials\u002Fmentions","2.essentials\u002F3.mentions","i-lucide-at-sign",{"title":46,"path":47,"stem":48,"icon":49},"Reactions","\u002Fessentials\u002Freactions","2.essentials\u002F4.reactions","i-lucide-smile",{"title":51,"path":52,"stem":53,"icon":54},"Attachments","\u002Fessentials\u002Fattachments","2.essentials\u002F5.attachments","i-lucide-paperclip",{"title":56,"path":57,"stem":58,"icon":59},"Notifications","\u002Fessentials\u002Fnotifications","2.essentials\u002F6.notifications","i-lucide-bell",{"title":61,"path":62,"stem":63,"icon":64},"Database Schema","\u002Fessentials\u002Fdatabase-schema","2.essentials\u002F7.database-schema","i-lucide-database",{"title":66,"path":67,"stem":68,"children":69,"page":6},"Community","\u002Fcommunity","4.community",[70,75],{"title":71,"path":72,"stem":73,"icon":74},"Contributing","\u002Fcommunity\u002Fcontributing","4.community\u002F1.contributing","i-lucide-heart-handshake",{"title":76,"path":77,"stem":78,"icon":79},"License","\u002Fcommunity\u002Flicense","4.community\u002F2.license","i-lucide-scale",{"id":81,"title":16,"body":82,"description":724,"extension":725,"links":726,"meta":727,"navigation":728,"path":17,"seo":729,"stem":18,"__hash__":732},"docs\u002F1.getting-started\u002F2.installation.md",{"type":83,"value":84,"toc":712},"minimark",[85,90,119,123,648,654,658,708],[86,87,89],"h2",{"id":88},"requirements","Requirements",[91,92,93,101,107,113],"ul",{},[94,95,96,100],"li",{},[97,98,99],"strong",{},"PHP:"," 8.2+",[94,102,103,106],{},[97,104,105],{},"Laravel:"," 12+",[94,108,109,112],{},[97,110,111],{},"Filament:"," 4.x \u002F 5.x",[94,114,115,118],{},[97,116,117],{},"Livewire:"," 3.5+ \u002F 4.x",[86,120,122],{"id":121},"quick-setup","Quick Setup",[124,125,126,131,158,162,191,195,199,212,215,237,241,364,368,375,466,472,557,561,564],"steps",{},[127,128,130],"h3",{"id":129},"install-package","Install Package",[132,133,139],"pre",{"className":134,"code":135,"filename":136,"language":137,"meta":138,"style":138},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","composer require relaticle\u002Fcomments\n","Terminal","bash","",[140,141,142],"code",{"__ignoreMap":138},[143,144,147,151,155],"span",{"class":145,"line":146},"line",1,[143,148,150],{"class":149},"sBMFI","composer",[143,152,154],{"class":153},"sfazB"," require",[143,156,157],{"class":153}," relaticle\u002Fcomments\n",[127,159,161],{"id":160},"publish-and-run-migrations","Publish and Run Migrations",[132,163,165],{"className":134,"code":164,"filename":136,"language":137,"meta":138,"style":138},"php artisan vendor:publish --tag=comments-migrations\nphp artisan migrate\n",[140,166,167,181],{"__ignoreMap":138},[143,168,169,172,175,178],{"class":145,"line":146},[143,170,171],{"class":149},"php",[143,173,174],{"class":153}," artisan",[143,176,177],{"class":153}," vendor:publish",[143,179,180],{"class":153}," --tag=comments-migrations\n",[143,182,184,186,188],{"class":145,"line":183},2,[143,185,171],{"class":149},[143,187,174],{"class":153},[143,189,190],{"class":153}," migrate\n",[127,192,194],{"id":193},"include-css-assets","Include CSS Assets",[196,197,198],"p",{},"Prerequisite: You need a custom Filament theme to include the Comments styles.",[200,201,203,204,211],"alert",{"type":202},"warning","If you haven't set up a custom theme for Filament, follow the ",[205,206,210],"a",{"href":207,"rel":208},"https:\u002F\u002Ffilamentphp.com\u002Fdocs\u002F5.x\u002Fstyling\u002Foverview#creating-a-custom-theme",[209],"nofollow","Filament Docs"," first.",[196,213,214],{},"Add the plugin's views to your theme CSS file:",[132,216,221],{"className":217,"code":218,"filename":219,"language":220,"meta":138,"style":138},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@source \"..\u002F..\u002F..\u002F..\u002Fvendor\u002Frelaticle\u002Fcomments\u002Fresources\u002Fviews\u002F**\u002F*.blade.php\";\n","resources\u002Fcss\u002Ffilament\u002Fadmin\u002Ftheme.css","css",[140,222,223],{"__ignoreMap":138},[143,224,225,229,233],{"class":145,"line":146},[143,226,228],{"class":227},"s7zQu","@source",[143,230,232],{"class":231},"sTEyZ"," \"..\u002F..\u002F..\u002F..\u002Fvendor\u002Frelaticle\u002Fcomments\u002Fresources\u002Fviews\u002F**\u002F*.blade.php\"",[143,234,236],{"class":235},"sMK4o",";\n",[127,238,240],{"id":239},"register-the-plugin","Register the Plugin",[132,242,246],{"className":243,"code":244,"filename":245,"language":171,"meta":138,"style":138},"language-php shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","use Relaticle\\Comments\\CommentsPlugin;\n\npublic function panel(Panel $panel): Panel\n{\n    return $panel\n        ->plugins([\n            CommentsPlugin::make(),\n        ]);\n}\n","AdminPanelProvider.php",[140,247,248,270,276,308,314,325,337,352,358],{"__ignoreMap":138},[143,249,250,254,257,260,263,265,268],{"class":145,"line":146},[143,251,253],{"class":252},"sbssI","use",[143,255,256],{"class":231}," Relaticle",[143,258,259],{"class":235},"\\",[143,261,262],{"class":231},"Comments",[143,264,259],{"class":235},[143,266,267],{"class":231},"CommentsPlugin",[143,269,236],{"class":235},[143,271,272],{"class":145,"line":183},[143,273,275],{"emptyLinePlaceholder":274},true,"\n",[143,277,279,283,286,290,293,296,299,302,305],{"class":145,"line":278},3,[143,280,282],{"class":281},"spNyl","public",[143,284,285],{"class":281}," function",[143,287,289],{"class":288},"s2Zo4"," panel",[143,291,292],{"class":235},"(",[143,294,295],{"class":149},"Panel",[143,297,298],{"class":235}," $",[143,300,301],{"class":231},"panel",[143,303,304],{"class":235},"):",[143,306,307],{"class":149}," Panel\n",[143,309,311],{"class":145,"line":310},4,[143,312,313],{"class":235},"{\n",[143,315,317,320,322],{"class":145,"line":316},5,[143,318,319],{"class":227},"    return",[143,321,298],{"class":235},[143,323,324],{"class":231},"panel\n",[143,326,328,331,334],{"class":145,"line":327},6,[143,329,330],{"class":235},"        ->",[143,332,333],{"class":288},"plugins",[143,335,336],{"class":235},"([\n",[143,338,340,343,346,349],{"class":145,"line":339},7,[143,341,342],{"class":149},"            CommentsPlugin",[143,344,345],{"class":235},"::",[143,347,348],{"class":288},"make",[143,350,351],{"class":235},"(),\n",[143,353,355],{"class":145,"line":354},8,[143,356,357],{"class":235},"        ]);\n",[143,359,361],{"class":145,"line":360},9,[143,362,363],{"class":235},"}\n",[127,365,367],{"id":366},"set-up-your-models","Set Up Your Models",[196,369,370,371,374],{},"Add the ",[140,372,373],{},"HasComments"," trait to any model you want to comment on:",[132,376,379],{"className":243,"code":377,"filename":378,"language":171,"meta":138,"style":138},"use Relaticle\\Comments\\Concerns\\HasComments;\nuse Relaticle\\Comments\\Contracts\\Commentable;\n\nclass Project extends Model implements Commentable\n{\n    use HasComments;\n}\n","app\u002FModels\u002FProject.php",[140,380,381,402,424,428,448,452,462],{"__ignoreMap":138},[143,382,383,385,387,389,391,393,396,398,400],{"class":145,"line":146},[143,384,253],{"class":252},[143,386,256],{"class":231},[143,388,259],{"class":235},[143,390,262],{"class":231},[143,392,259],{"class":235},[143,394,395],{"class":231},"Concerns",[143,397,259],{"class":235},[143,399,373],{"class":231},[143,401,236],{"class":235},[143,403,404,406,408,410,412,414,417,419,422],{"class":145,"line":183},[143,405,253],{"class":252},[143,407,256],{"class":231},[143,409,259],{"class":235},[143,411,262],{"class":231},[143,413,259],{"class":235},[143,415,416],{"class":231},"Contracts",[143,418,259],{"class":235},[143,420,421],{"class":231},"Commentable",[143,423,236],{"class":235},[143,425,426],{"class":145,"line":278},[143,427,275],{"emptyLinePlaceholder":274},[143,429,430,433,436,439,442,445],{"class":145,"line":310},[143,431,432],{"class":281},"class",[143,434,435],{"class":149}," Project",[143,437,438],{"class":281}," extends",[143,440,441],{"class":149}," Model",[143,443,444],{"class":281}," implements",[143,446,447],{"class":149}," Commentable\n",[143,449,450],{"class":145,"line":316},[143,451,313],{"class":235},[143,453,454,457,460],{"class":145,"line":327},[143,455,456],{"class":252},"    use",[143,458,459],{"class":231}," HasComments",[143,461,236],{"class":235},[143,463,464],{"class":145,"line":339},[143,465,363],{"class":235},[196,467,370,468,471],{},[140,469,470],{},"IsCommenter"," trait to your User model:",[132,473,476],{"className":243,"code":474,"filename":475,"language":171,"meta":138,"style":138},"use Relaticle\\Comments\\Concerns\\IsCommenter;\nuse Relaticle\\Comments\\Contracts\\Commenter;\n\nclass User extends Authenticatable implements Commenter\n{\n    use IsCommenter;\n}\n","app\u002FModels\u002FUser.php",[140,477,478,498,519,523,540,544,553],{"__ignoreMap":138},[143,479,480,482,484,486,488,490,492,494,496],{"class":145,"line":146},[143,481,253],{"class":252},[143,483,256],{"class":231},[143,485,259],{"class":235},[143,487,262],{"class":231},[143,489,259],{"class":235},[143,491,395],{"class":231},[143,493,259],{"class":235},[143,495,470],{"class":231},[143,497,236],{"class":235},[143,499,500,502,504,506,508,510,512,514,517],{"class":145,"line":183},[143,501,253],{"class":252},[143,503,256],{"class":231},[143,505,259],{"class":235},[143,507,262],{"class":231},[143,509,259],{"class":235},[143,511,416],{"class":231},[143,513,259],{"class":235},[143,515,516],{"class":231},"Commenter",[143,518,236],{"class":235},[143,520,521],{"class":145,"line":278},[143,522,275],{"emptyLinePlaceholder":274},[143,524,525,527,530,532,535,537],{"class":145,"line":310},[143,526,432],{"class":281},[143,528,529],{"class":149}," User",[143,531,438],{"class":281},[143,533,534],{"class":149}," Authenticatable",[143,536,444],{"class":281},[143,538,539],{"class":149}," Commenter\n",[143,541,542],{"class":145,"line":316},[143,543,313],{"class":235},[143,545,546,548,551],{"class":145,"line":327},[143,547,456],{"class":252},[143,549,550],{"class":231}," IsCommenter",[143,552,236],{"class":235},[143,554,555],{"class":145,"line":339},[143,556,363],{"class":235},[127,558,560],{"id":559},"add-to-your-resources","Add to Your Resources",[196,562,563],{},"Use the slide-over action on view or edit pages:",[132,565,568],{"className":243,"code":566,"filename":567,"language":171,"meta":138,"style":138},"use Relaticle\\Comments\\Filament\\Actions\\CommentsAction;\n\nprotected function getHeaderActions(): array\n{\n    return [\n        CommentsAction::make(),\n    ];\n}\n","app\u002FFilament\u002FResources\u002FProjectResource\u002FPages\u002FViewProject.php",[140,569,570,597,601,617,621,628,639,644],{"__ignoreMap":138},[143,571,572,574,576,578,580,582,585,587,590,592,595],{"class":145,"line":146},[143,573,253],{"class":252},[143,575,256],{"class":231},[143,577,259],{"class":235},[143,579,262],{"class":231},[143,581,259],{"class":235},[143,583,584],{"class":231},"Filament",[143,586,259],{"class":235},[143,588,589],{"class":231},"Actions",[143,591,259],{"class":235},[143,593,594],{"class":231},"CommentsAction",[143,596,236],{"class":235},[143,598,599],{"class":145,"line":183},[143,600,275],{"emptyLinePlaceholder":274},[143,602,603,606,608,611,614],{"class":145,"line":278},[143,604,605],{"class":281},"protected",[143,607,285],{"class":281},[143,609,610],{"class":288}," getHeaderActions",[143,612,613],{"class":235},"():",[143,615,616],{"class":252}," array\n",[143,618,619],{"class":145,"line":310},[143,620,313],{"class":235},[143,622,623,625],{"class":145,"line":316},[143,624,319],{"class":227},[143,626,627],{"class":235}," [\n",[143,629,630,633,635,637],{"class":145,"line":327},[143,631,632],{"class":149},"        CommentsAction",[143,634,345],{"class":235},[143,636,348],{"class":288},[143,638,351],{"class":235},[143,640,641],{"class":145,"line":339},[143,642,643],{"class":235},"    ];\n",[143,645,646],{"class":145,"line":354},[143,647,363],{"class":235},[196,649,650,653],{},[97,651,652],{},"Done!"," Visit your Filament panel to see comments in action.",[86,655,657],{"id":656},"optional-configuration","Optional Configuration",[659,660,661,674],"table",{},[662,663,664],"thead",{},[665,666,667,671],"tr",{},[668,669,670],"th",{},"Command",[668,672,673],{},"Action",[675,676,677,688,698],"tbody",{},[665,678,679,685],{},[680,681,682],"td",{},[140,683,684],{},"php artisan vendor:publish --tag=comments-config",[680,686,687],{},"Publish the configuration file",[665,689,690,695],{},[680,691,692],{},[140,693,694],{},"php artisan vendor:publish --tag=comments-views",[680,696,697],{},"Publish the Blade views for customization",[665,699,700,705],{},[680,701,702],{},[140,703,704],{},"php artisan vendor:publish --tag=comments-translations",[680,706,707],{},"Publish the translation files",[709,710,711],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":138,"searchDepth":183,"depth":183,"links":713},[714,715,723],{"id":88,"depth":183,"text":89},{"id":121,"depth":183,"text":122,"children":716},[717,718,719,720,721,722],{"id":129,"depth":278,"text":130},{"id":160,"depth":278,"text":161},{"id":193,"depth":278,"text":194},{"id":239,"depth":278,"text":240},{"id":366,"depth":278,"text":367},{"id":559,"depth":278,"text":560},{"id":656,"depth":183,"text":657},"Get started with Comments in minutes.","md",null,{},{"icon":19},{"description":730,"ogImage":731,"title":16},"Install Comments and add commenting to your Filament resources.","\u002Fpreview.png","P-D2nmzwgaER3VhGsRqb9LLvO_CS3iwjGQuk2_o2Svc",[734,736],{"title":11,"path":12,"stem":13,"description":735,"icon":14,"children":-1},"A full-featured commenting system for Filament panels.",{"title":21,"path":22,"stem":23,"description":737,"icon":24,"children":-1},"Upgrade guide for Comments.",1774607132745]