98 lines
48 KiB
HTML
98 lines
48 KiB
HTML
<!DOCTYPE html><html lang="en" dir="ltr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><style id="nuxt-ui-colors">@layer theme {
|
|
:root, :host {
|
|
--ui-color-primary-50: var(--color-violet-50, oklch(96.9% 0.016 293.756));
|
|
--ui-color-primary-100: var(--color-violet-100, oklch(94.3% 0.029 294.588));
|
|
--ui-color-primary-200: var(--color-violet-200, oklch(89.4% 0.057 293.283));
|
|
--ui-color-primary-300: var(--color-violet-300, oklch(81.1% 0.111 293.571));
|
|
--ui-color-primary-400: var(--color-violet-400, oklch(70.2% 0.183 293.541));
|
|
--ui-color-primary-500: var(--color-violet-500, oklch(60.6% 0.25 292.717));
|
|
--ui-color-primary-600: var(--color-violet-600, oklch(54.1% 0.281 293.009));
|
|
--ui-color-primary-700: var(--color-violet-700, oklch(49.1% 0.27 292.581));
|
|
--ui-color-primary-800: var(--color-violet-800, oklch(43.2% 0.232 292.759));
|
|
--ui-color-primary-900: var(--color-violet-900, oklch(38% 0.189 293.745));
|
|
--ui-color-primary-950: var(--color-violet-950, oklch(28.3% 0.141 291.089));
|
|
--ui-color-secondary-50: var(--color-blue-50, oklch(97% 0.014 254.604));
|
|
--ui-color-secondary-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
|
|
--ui-color-secondary-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
|
|
--ui-color-secondary-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
|
|
--ui-color-secondary-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
|
|
--ui-color-secondary-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
|
|
--ui-color-secondary-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
|
|
--ui-color-secondary-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
|
|
--ui-color-secondary-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
|
|
--ui-color-secondary-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
|
|
--ui-color-secondary-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
|
|
--ui-color-success-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
|
|
--ui-color-success-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
|
|
--ui-color-success-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
|
|
--ui-color-success-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
|
|
--ui-color-success-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
|
|
--ui-color-success-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
|
|
--ui-color-success-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
|
|
--ui-color-success-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
|
|
--ui-color-success-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
|
|
--ui-color-success-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
|
|
--ui-color-success-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
|
|
--ui-color-info-50: var(--color-blue-50, oklch(97% 0.014 254.604));
|
|
--ui-color-info-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
|
|
--ui-color-info-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
|
|
--ui-color-info-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
|
|
--ui-color-info-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
|
|
--ui-color-info-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
|
|
--ui-color-info-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
|
|
--ui-color-info-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
|
|
--ui-color-info-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
|
|
--ui-color-info-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
|
|
--ui-color-info-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
|
|
--ui-color-warning-50: var(--color-yellow-50, oklch(98.7% 0.026 102.212));
|
|
--ui-color-warning-100: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
|
|
--ui-color-warning-200: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
|
|
--ui-color-warning-300: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
|
|
--ui-color-warning-400: var(--color-yellow-400, oklch(85.2% 0.199 91.936));
|
|
--ui-color-warning-500: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
|
|
--ui-color-warning-600: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
|
|
--ui-color-warning-700: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
|
|
--ui-color-warning-800: var(--color-yellow-800, oklch(47.6% 0.114 61.907));
|
|
--ui-color-warning-900: var(--color-yellow-900, oklch(42.1% 0.095 57.708));
|
|
--ui-color-warning-950: var(--color-yellow-950, oklch(28.6% 0.066 53.813));
|
|
--ui-color-error-50: var(--color-red-50, oklch(97.1% 0.013 17.38));
|
|
--ui-color-error-100: var(--color-red-100, oklch(93.6% 0.032 17.717));
|
|
--ui-color-error-200: var(--color-red-200, oklch(88.5% 0.062 18.334));
|
|
--ui-color-error-300: var(--color-red-300, oklch(80.8% 0.114 19.571));
|
|
--ui-color-error-400: var(--color-red-400, oklch(70.4% 0.191 22.216));
|
|
--ui-color-error-500: var(--color-red-500, oklch(63.7% 0.237 25.331));
|
|
--ui-color-error-600: var(--color-red-600, oklch(57.7% 0.245 27.325));
|
|
--ui-color-error-700: var(--color-red-700, oklch(50.5% 0.213 27.518));
|
|
--ui-color-error-800: var(--color-red-800, oklch(44.4% 0.177 26.899));
|
|
--ui-color-error-900: var(--color-red-900, oklch(39.6% 0.141 25.723));
|
|
--ui-color-error-950: var(--color-red-950, oklch(25.8% 0.092 26.042));
|
|
--ui-color-neutral-50: var(--color-zinc-50, oklch(98.5% 0 0));
|
|
--ui-color-neutral-100: var(--color-zinc-100, oklch(96.7% 0.001 286.375));
|
|
--ui-color-neutral-200: var(--color-zinc-200, oklch(92% 0.004 286.32));
|
|
--ui-color-neutral-300: var(--color-zinc-300, oklch(87.1% 0.006 286.286));
|
|
--ui-color-neutral-400: var(--color-zinc-400, oklch(70.5% 0.015 286.067));
|
|
--ui-color-neutral-500: var(--color-zinc-500, oklch(55.2% 0.016 285.938));
|
|
--ui-color-neutral-600: var(--color-zinc-600, oklch(44.2% 0.017 285.786));
|
|
--ui-color-neutral-700: var(--color-zinc-700, oklch(37% 0.013 285.805));
|
|
--ui-color-neutral-800: var(--color-zinc-800, oklch(27.4% 0.006 286.033));
|
|
--ui-color-neutral-900: var(--color-zinc-900, oklch(21% 0.006 285.885));
|
|
--ui-color-neutral-950: var(--color-zinc-950, oklch(14.1% 0.005 285.823));
|
|
}
|
|
:root, :host, .light {
|
|
--ui-primary: var(--ui-color-primary-500);
|
|
--ui-secondary: var(--ui-color-secondary-500);
|
|
--ui-success: var(--ui-color-success-500);
|
|
--ui-info: var(--ui-color-info-500);
|
|
--ui-warning: var(--ui-color-warning-500);
|
|
--ui-error: var(--ui-color-error-500);
|
|
}
|
|
.dark {
|
|
--ui-primary: var(--ui-color-primary-400);
|
|
--ui-secondary: var(--ui-color-secondary-400);
|
|
--ui-success: var(--ui-color-success-400);
|
|
--ui-info: var(--ui-color-info-400);
|
|
--ui-warning: var(--ui-color-warning-400);
|
|
--ui-error: var(--ui-color-error-400);
|
|
}
|
|
}</style><title>Filament Comments System - Comments</title><style>@media(min-width:1024px){.docus-sub-header{--ui-header-height:112px}}</style><link rel="stylesheet" href="/comments/assets/entry.K6uQIjra.css" crossorigin><style>@layer base {:where(.i-lucide\:arrow-right){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7l7 7l-7 7'/%3E%3C/svg%3E")}:where(.i-lucide\:arrow-up-right){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h10v10M7 17L17 7'/%3E%3C/svg%3E")}:where(.i-lucide\:at-sign){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:messages-square){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2zm4-1a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E")}:where(.i-lucide\:moon){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/svg%3E")}:where(.i-lucide\:paperclip){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 6l-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/svg%3E")}:where(.i-lucide\:puzzle){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.39 4.39a1 1 0 0 0 1.68-.474a2.5 2.5 0 1 1 3.014 3.015a1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474a2.5 2.5 0 1 0-3.014 3.015a1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474a2.5 2.5 0 1 1-3.014-3.015a1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474a2.5 2.5 0 1 0 3.014-3.015a1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z'/%3E%3C/svg%3E")}:where(.i-lucide\:radio){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16.247 7.761a6 6 0 0 1 0 8.478m2.828-11.306a10 10 0 0 1 0 14.134m-14.15 0a10 10 0 0 1 0-14.134m2.828 11.306a6 6 0 0 1 0-8.478'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:search){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:sliders){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 8h4m-2 13v-9m0-4V3m5 13h4m-2-4V3m0 18v-5M3 14h4m-2-4V3m0 18v-7'/%3E%3C/svg%3E")}:where(.i-lucide\:smile){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2s4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:sun){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:triangle-alert){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E")}:where(.i-simple-icons\:discord){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0a13 13 0 0 0-.617-1.25a.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.08.08 0 0 0 .084-.028a14 14 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13 13 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10 10 0 0 0 .372-.292a.07.07 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01q.181.149.373.292a.077.077 0 0 1-.006.127a12.3 12.3 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028a19.8 19.8 0 0 0 6.002-3.03a.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418'/%3E%3C/svg%3E")}:where(.i-simple-icons\:github){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}:where(.i-simple-icons\:laravel){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M23.642 5.43a.4.4 0 0 1 .014.1v5.149c0 .135-.073.26-.189.326l-4.323 2.49v4.934a.38.38 0 0 1-.188.326L9.93 23.949a.3.3 0 0 1-.066.027l-.024.01a.35.35 0 0 1-.192 0q-.016-.005-.03-.012q-.031-.01-.062-.025L.533 18.755a.38.38 0 0 1-.189-.326V2.974q0-.05.014-.098c.003-.012.01-.02.014-.032a.4.4 0 0 1 .023-.058c.004-.013.015-.022.023-.033l.033-.045l.037-.027q.02-.018.041-.034H.53L5.043.05a.38.38 0 0 1 .375 0L9.93 2.647h.002q.021.015.04.033l.038.027c.013.014.02.03.033.045c.008.011.02.021.025.033q.014.029.024.058c.003.011.01.021.013.032q.014.047.014.098v9.652l3.76-2.164V5.527q0-.05.013-.098q.007-.014.013-.032l.024-.059c.007-.012.018-.02.025-.033l.033-.043q.019-.017.037-.028q.02-.017.041-.032h.001l4.513-2.598a.38.38 0 0 1 .375 0l4.513 2.598c.016.01.027.021.042.031l.036.028l.034.044c.008.012.019.021.024.033a.3.3 0 0 1 .024.06q.01.015.015.032m-.74 5.032V6.179l-1.578.908l-2.182 1.256v4.283zm-4.51 7.75v-4.287l-2.147 1.225l-6.126 3.498v4.325zM1.093 3.624v14.588l8.273 4.761v-4.325l-4.322-2.445l-.002-.003H5.04L5 16.169l-.035-.027l-.001-.002q-.018-.018-.031-.04q-.016-.016-.028-.036h-.002l-.02-.047c-.006-.016-.014-.027-.018-.043l-.008-.057q-.005-.02-.006-.041V5.789l-2.18-1.257zM5.23.81L1.47 2.974l3.76 2.164l3.758-2.164zm1.956 13.505l2.182-1.256V3.624l-1.58.91l-2.182 1.255v9.435zm11.581-10.95l-3.76 2.163l3.76 2.163l3.759-2.164zm-.376 4.978L16.21 7.087l-1.58-.907v4.283l2.182 1.256l1.58.908zm-8.65 9.654l5.514-3.148l2.756-1.572l-3.757-2.163l-4.323 2.489l-3.941 2.27z'/%3E%3C/svg%3E")}}</style><link rel="preload" as="fetch" crossorigin="anonymous" href="/comments/_payload.json?9fb57927-c43c-419b-9f6e-bb0ee22e9bb7"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/w6C5oYeY.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/ilv96i5V.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/0tIM9Qi-.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/CBbJIcjC.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/DxOByxxG.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/BN_7HF1G.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/DPogXIi2.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/DjH_WRkC.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/DRCKrG4B.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/DGV-5ZNs.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/B382iw9t.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/CCz4g3y5.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/DcYaNKlt.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/BDxwlm81.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/CzDOxGef.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/cHRol_Lw.js"><script type="module" src="/comments/assets/w6C5oYeY.js" crossorigin></script><link rel="icon" type="image/x-icon" href="/comments/favicon.ico"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><link rel="icon" href="/favicon.ico"><meta name="description" content="A full-featured commenting system for Filament panels with threaded replies, @mentions, emoji reactions, file attachments, and real-time updates."><meta property="og:site_name" content="Comments"><meta name="twitter:card" content="summary_large_image"><meta property="og:title" content="Filament Comments System"><meta property="og:description" content="A full-featured commenting system for Filament panels with threaded replies, @mentions, emoji reactions, file attachments, and real-time updates."><meta property="og:type" content="website"><meta property="og:url" content="https://relaticle.github.io"><link rel="canonical" href="https://relaticle.github.io"><meta property="og:image" content="https://relaticle.github.io/comments/og-image.png"><meta name="twitter:image" content="https://relaticle.github.io/comments/og-image.png"><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Comments","description":"A full-featured commenting system for Filament panels with threaded replies, @mentions, emoji reactions, file attachments, and real-time updates.","url":"https://relaticle.github.io"}</script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"><!--[--><!--[--><!--[--><!--[--><!--[--><div class="nuxt-loading-indicator" style="position:fixed;top:0;right:0;left:0;pointer-events:none;width:auto;height:3px;opacity:0;background:var(--ui-primary);background-size:0% auto;transform:scaleX(0%);transform-origin:left;transition:transform 0.1s, height 0.4s, opacity 0.4s;z-index:999999;"></div><div class="transition-[margin-right] duration-200 ease-linear will-change-[margin-right]" style="margin-right:0;"><div class="sticky top-0 z-50"><!----><!--[--><!----><!----><!----><header data-slot="root" class="bg-default/75 backdrop-blur border-b border-default h-(--ui-header-height) sticky top-0 z-50"><!--[--><!--]--><div class="w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between gap-3 h-full" data-slot="container"><!--[--><div data-slot="left" class="lg:flex-1 flex items-center gap-1.5"><!----><!--[--><a href="/comments/" aria-label="Comments" data-slot="title" class="focus-visible:outline-primary shrink-0 font-bold text-xl text-highlighted flex items-end gap-1.5"><!--[--><!--[--><!--[--><!--[--><img onerror="this.setAttribute('data-error', 1)" alt="Comments Logo" data-nuxt-img srcset="/comments/logo-light.svg 1x, /comments/logo-light.svg 2x" class="dark:hidden h-8 w-auto shrink-0 h-6 w-auto shrink-0" src="/comments/logo-light.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Comments Logo" data-nuxt-img srcset="/comments/logo-dark.svg 1x, /comments/logo-dark.svg 2x" class="hidden dark:block h-8 w-auto shrink-0 h-6 w-auto shrink-0" src="/comments/logo-dark.svg"><!--]--><!--]--><!--]--><!--]--></a><!--]--></div><div data-slot="center" class="hidden lg:flex flex-1"><!--[--><!--[--><!----><!--[--><!--[--><button type="button" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-default bg-elevated hover:bg-accented/75 active:bg-accented/75 focus:outline-none focus-visible:bg-accented/75 disabled:bg-elevated aria-disabled:bg-elevated w-full"><!--[--><!--[--><span class="iconify i-lucide:search shrink-0 size-4 mr-1" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><span data-slot="label" class="truncate">Search…</span><!--]--><!--[--><div data-slot="trailing" class="hidden lg:flex items-center gap-0.5 ms-auto"><!--[--><!--[--><kbd class="inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans uppercase h-5 min-w-[20px] text-[11px] ring ring-inset ring-accented text-default bg-elevated"><!--[--> <!--]--></kbd><kbd class="inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans uppercase h-5 min-w-[20px] text-[11px] ring ring-inset ring-accented text-default bg-elevated"><!--[-->k<!--]--></kbd><!--]--><!--]--></div><!--]--><!--]--></button><!--]--><!--]--><!--]--><!--]--></div><div data-slot="right" class="flex items-center justify-end lg:flex-1 gap-1.5"><!--[--><span data-slot="base" class="font-medium inline-flex items-center text-xs px-2 py-1 gap-1 rounded-md ring ring-inset ring-accented text-default bg-elevated"><!--[--><!----><!--]--><!--[-->1.x<!--]--><!--[--><!----><!--]--></span><div></div><!----><!--[--><!----><!--[--><!--[--><button type="button" aria-label="Search…" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5 lg:hidden"><!--[--><!--[--><span class="iconify i-lucide:search shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><span data-slot="label" class="truncate hidden">Search…</span><!--]--><!--[--><div data-slot="trailing" class="hidden items-center gap-0.5 ms-auto lg:hidden"><!--[--><!--[--><kbd class="inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans uppercase h-5 min-w-[20px] text-[11px] ring ring-inset ring-accented text-default bg-elevated"><!--[--> <!--]--></kbd><kbd class="inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans uppercase h-5 min-w-[20px] text-[11px] ring ring-inset ring-accented text-default bg-elevated"><!--[-->k<!--]--></kbd><!--]--><!--]--></div><!--]--><!--]--></button><!--]--><!--]--><!--]--><!--[--><div class="h-8 w-8 animate-pulse bg-neutral-200 dark:bg-neutral-800 rounded-md"></div><!--]--><!--[--><!--[--><!--[--><a href="https://github.com/relaticle/comments" rel="noopener noreferrer" target="_blank" aria-label="GitHub" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5"><!--[--><!--[--><span class="iconify i-simple-icons:github shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--]--><!--]--><!--]--><!--[--><!--[--><!--[--><button type="button" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5 -me-1.5 lg:hidden"><!--[--><!--[--><!----><!--]--><!--[--><svg xmlns="http://www.w3.org/2000/svg" class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6" class="outline-none"></line><line x1="4" y1="12" x2="20" y2="12" class="outline-none"></line><line x1="4" y1="18" x2="20" y2="18" class="outline-none"></line></svg><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--]--></div><!--]--></div><!--[--><!--]--></header><!--[--><!----><!----><!--v-if--><!--]--><!--]--></div><main class="min-h-[calc(100vh-var(--ui-header-height))]"><!--[--><!--[--><div><div data-orientation="vertical" data-slot="root" class="relative isolate"><!--[--><!--]--><div class="w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:grid py-24 sm:py-32 lg:py-40 gap-16 sm:gap-y-24" data-slot="container"><!--[--><div data-slot="wrapper" class="text-center"><div data-slot="header" class=""><!--[--><!----><h1 data-slot="title" class="text-5xl sm:text-7xl text-pretty tracking-tight font-bold text-highlighted"><!--[-->Comments<!--]--></h1><div data-slot="description" class="text-lg sm:text-xl/8 text-muted text-balance mt-6"><!--[--><p class="my-5 leading-7 text-pretty"><!--[-->A full-featured commenting system for Filament panels with threaded replies, @mentions, emoji reactions, and real-time updates.<!--]--></p><p class="my-5 leading-7 text-pretty"><!--[-->Drop-in integration with any Filament resource.<!--]--></p><!--]--></div><!--]--></div><!----><div data-slot="footer" class="mt-10"><!--[--><div data-slot="links" class="flex flex-wrap gap-x-6 gap-y-3 justify-center"><!--[--><!--[--><a href="/comments/getting-started/installation" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-3 py-2 text-base gap-2 text-inverted bg-inverted hover:bg-inverted/90 active:bg-inverted/90 disabled:bg-inverted aria-disabled:bg-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted"><!--[--><!--[--><!----><!--]--><!--[-->Get started<!--]--><!--[--><span class="iconify i-lucide:arrow-right shrink-0 size-6" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--><!--]--></a><!--]--><!--[--><!--[--><a href="https://github.com/relaticle/comments" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-3 py-2 text-base gap-2 ring ring-inset ring-accented text-default bg-default hover:bg-elevated active:bg-elevated disabled:bg-default aria-disabled:bg-default focus:outline-none focus-visible:ring-2 focus-visible:ring-inverted"><!--[--><!--[--><span class="iconify i-simple-icons:github shrink-0 size-6" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[-->GitHub<!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--]--><!--]--></div><!--]--></div></div><!----><!--]--></div><!--[--><!--]--></div><div class="group relative block px-4 py-3 rounded-md text-sm/6 my-5 last:mb-0 [&_code]:text-xs/5 [&_code]:bg-default [&_pre]:bg-default [&>div]:my-2.5 [&_ul]:my-2.5 [&_ol]:my-2.5 [&>*]:last:!mb-0 [&_ul]:ps-4.5 [&_ol]:ps-4.5 [&_li]:my-0 transition-colors"><!----><span class="iconify i-lucide:triangle-alert size-4 shrink-0 align-sub me-1.5 inline-block transition-colors" aria-hidden="true" style=""></span><!----><!--[--><strong><!--[-->Alpha Software<!--]--></strong> -- This package is currently in alpha. The API is not stable and breaking changes may occur between releases without prior notice. Do not use in production unless you are prepared to handle upgrades manually.<!--]--></div><div class="max-w-5xl mx-auto mt-8">
|
|
<!--[--><!----><!----><!--[--><img onerror="this.setAttribute('data-error', 1)" alt="Comments - threaded discussions in Filament" data-nuxt-img srcset="/comments/preview.png 1x, /comments/preview.png 2x" class="will-change-transform cursor-zoom-in rounded-lg shadow-lg w-full" type="button" aria-haspopup="dialog" aria-expanded="false" data-state="closed" src="/comments/preview.png"><!--v-if--><!--]--><!--]--></div><section data-orientation="vertical" data-slot="root" class="relative isolate"><!--[--><!--]--><div class="w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:grid py-16 sm:py-24 lg:py-32 gap-8 sm:gap-16" data-slot="container"><!--[--><div data-slot="wrapper" class=""><div data-slot="header" class=""><!--[--><!----><!----><h2 data-slot="title" class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-highlighted text-center"><!--[-->Why choose Comments?<!--]--></h2><!----><!--]--></div><div data-slot="body" class="mt-16"><!--[--><ul data-slot="features" class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8"><!--[--><div data-orientation="horizontal" data-slot="root" class="relative rounded-sm flex items-start gap-2.5"><div data-slot="leading" class="inline-flex items-center justify-center p-0.5"><!--[--><span class="iconify i-lucide:messages-square size-5 shrink-0 text-primary" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--></div><div data-slot="wrapper" class=""><!----><!--[--><div data-slot="title" class="text-base text-pretty font-semibold text-highlighted"><!--[-->Threaded Replies<!--]--></div><div data-slot="description" class="text-[15px] text-pretty text-muted mt-1"><!--[-->Nested comment threads with configurable depth limits. Users can reply to specific comments creating organized discussions.<!--]--></div><!--]--></div></div><div data-orientation="horizontal" data-slot="root" class="relative rounded-sm flex items-start gap-2.5"><div data-slot="leading" class="inline-flex items-center justify-center p-0.5"><!--[--><span class="iconify i-lucide:at-sign size-5 shrink-0 text-primary" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--></div><div data-slot="wrapper" class=""><!----><!--[--><div data-slot="title" class="text-base text-pretty font-semibold text-highlighted"><!--[-->@Mentions<!--]--></div><div data-slot="description" class="text-[15px] text-pretty text-muted mt-1"><!--[-->Autocomplete user mentions with a customizable resolver interface. Dispatches events for notification handling.<!--]--></div><!--]--></div></div><div data-orientation="horizontal" data-slot="root" class="relative rounded-sm flex items-start gap-2.5"><div data-slot="leading" class="inline-flex items-center justify-center p-0.5"><!--[--><span class="iconify i-lucide:smile size-5 shrink-0 text-primary" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--></div><div data-slot="wrapper" class=""><!----><!--[--><div data-slot="title" class="text-base text-pretty font-semibold text-highlighted"><!--[-->Emoji Reactions<!--]--></div><div data-slot="description" class="text-[15px] text-pretty text-muted mt-1"><!--[-->Six built-in emoji reactions with a configurable set. Users can react to comments with a single click.<!--]--></div><!--]--></div></div><div data-orientation="horizontal" data-slot="root" class="relative rounded-sm flex items-start gap-2.5"><div data-slot="leading" class="inline-flex items-center justify-center p-0.5"><!--[--><span class="iconify i-lucide:paperclip size-5 shrink-0 text-primary" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--></div><div data-slot="wrapper" class=""><!----><!--[--><div data-slot="title" class="text-base text-pretty font-semibold text-highlighted"><!--[-->File Attachments<!--]--></div><div data-slot="description" class="text-[15px] text-pretty text-muted mt-1"><!--[-->Upload images and documents to comments with configurable storage, size limits, and MIME type validation.<!--]--></div><!--]--></div></div><div data-orientation="horizontal" data-slot="root" class="relative rounded-sm flex items-start gap-2.5"><div data-slot="leading" class="inline-flex items-center justify-center p-0.5"><!--[--><span class="iconify i-lucide:radio size-5 shrink-0 text-primary" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--></div><div data-slot="wrapper" class=""><!----><!--[--><div data-slot="title" class="text-base text-pretty font-semibold text-highlighted"><!--[-->Real-time Updates<!--]--></div><div data-slot="description" class="text-[15px] text-pretty text-muted mt-1"><!--[-->Optional broadcasting via private channels with automatic polling fallback. Comments stay in sync across sessions.<!--]--></div><!--]--></div></div><div data-orientation="horizontal" data-slot="root" class="relative rounded-sm flex items-start gap-2.5"><div data-slot="leading" class="inline-flex items-center justify-center p-0.5"><!--[--><span class="iconify i-lucide:puzzle size-5 shrink-0 text-primary" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--></div><div data-slot="wrapper" class=""><!----><!--[--><div data-slot="title" class="text-base text-pretty font-semibold text-highlighted"><!--[-->Full Filament Integration<!--]--></div><div data-slot="description" class="text-[15px] text-pretty text-muted mt-1"><!--[-->Three integration patterns: slide-over action, table row action, and infolist entry. Works with any Filament resource.<!--]--></div><!--]--></div></div><!--]--></ul><!--]--></div><!----></div><!----><!--]--></div><!--[--><!--]--></section><section data-orientation="vertical" data-slot="root" class="relative isolate"><!--[--><!--]--><div class="w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:grid py-16 sm:py-24 lg:py-32 gap-8 sm:gap-16" data-slot="container"><!--[--><div data-slot="wrapper" class=""><div data-slot="header" class=""><!--[--><!----><!----><h2 data-slot="title" class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-highlighted text-center"><!--[-->Our Ecosystem<!--]--></h2><div data-slot="description" class="text-base sm:text-lg text-muted text-center text-balance mt-6"><!--[-->Extend your Laravel applications with our ecosystem of complementary tools<!--]--></div><!--]--></div><!----><!----></div><!--[--><div class="grid grid-cols-1 sm:grid-cols-2 gap-5 my-5 *:my-0"><!--[--><div class="group relative block my-5 p-4 sm:p-6 border border-default rounded-md bg-default transition-colors hover:bg-primary/10 hover:border-primary has-focus-visible:border-primary"><!--[--><a href="https://filaforms.app" rel="noopener noreferrer" target="_blank" aria-label="FilaForms" class="focus:outline-none"><!--[--><!--[--><span class="absolute inset-0" aria-hidden="true"></span><!--]--><!--]--></a><!--]--><span class="iconify i-simple-icons:laravel size-6 mb-2 block text-primary" aria-hidden="true" style=""></span><span class="iconify i-lucide:arrow-up-right size-4 align-top absolute right-2 top-2 text-dimmed pointer-events-none transition-colors group-hover:text-primary" aria-hidden="true" style=""></span><p class="text-highlighted font-semibold"><!--[-->FilaForms<!--]--></p><div class="text-[15px] text-muted *:first:mt-0 *:last:mb-0 *:my-1 mt-1"><!--[--><!--[--><!----><!----><!--[--><img onerror="this.setAttribute('data-error', 1)" alt="FilaForms" data-nuxt-img srcset="https://filaforms.app/img/og-image.png 1x, https://filaforms.app/img/og-image.png 2x" class="will-change-transform cursor-zoom-in mb-4 rounded-lg w-full pointer-events-none" type="button" aria-haspopup="dialog" aria-expanded="false" data-state="closed" src="https://filaforms.app/img/og-image.png"><!--v-if--><!--]--><!--]--><p class="my-5 leading-7 text-pretty"><!--[-->Visual form builder for all your public-facing forms.<!--]--></p><!--]--></div></div><div class="group relative block my-5 p-4 sm:p-6 border border-default rounded-md bg-default transition-colors hover:bg-primary/10 hover:border-primary has-focus-visible:border-primary"><!--[--><a href="https://relaticle.github.io/custom-fields" rel="noopener noreferrer" target="_blank" aria-label="Custom Fields" class="focus:outline-none"><!--[--><!--[--><span class="absolute inset-0" aria-hidden="true"></span><!--]--><!--]--></a><!--]--><span class="iconify i-lucide:sliders size-6 mb-2 block text-primary" aria-hidden="true" style=""></span><span class="iconify i-lucide:arrow-up-right size-4 align-top absolute right-2 top-2 text-dimmed pointer-events-none transition-colors group-hover:text-primary" aria-hidden="true" style=""></span><p class="text-highlighted font-semibold"><!--[-->Custom Fields<!--]--></p><div class="text-[15px] text-muted *:first:mt-0 *:last:mb-0 *:my-1 mt-1"><!--[--><!--[--><!----><!----><!--[--><img onerror="this.setAttribute('data-error', 1)" alt="Custom Fields" data-nuxt-img srcset="https://relaticle.github.io/custom-fields/og-image.png 1x, https://relaticle.github.io/custom-fields/og-image.png 2x" class="will-change-transform cursor-zoom-in mb-4 rounded-lg w-full pointer-events-none" type="button" aria-haspopup="dialog" aria-expanded="false" data-state="closed" src="https://relaticle.github.io/custom-fields/og-image.png"><!--v-if--><!--]--><!--]--><p class="my-5 leading-7 text-pretty"><!--[-->Let users add custom fields to any model without code changes.<!--]--></p><!--]--></div></div><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></section></div><!--]--><!--]--></main><footer data-slot="root"><!----><div class="w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-4 lg:flex lg:items-center lg:justify-between lg:gap-x-3" data-slot="container"><!--[--><div data-slot="right" class="lg:flex-1 flex items-center justify-center lg:justify-end gap-x-1.5 lg:order-3"><!--[--><!--[--><!--[--><!--[--><!--[--><a href="https://discord.gg/b9WxzUce4Q" rel="noopener noreferrer" target="_blank" aria-label="discord social link" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5"><!--[--><!--[--><span class="iconify i-simple-icons:discord shrink-0 size-4" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--]--><!--[--><!--[--><a href="https://github.com/relaticle/comments" rel="noopener noreferrer" target="_blank" aria-label="GitHub repository" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5"><!--[--><!--[--><span class="iconify i-simple-icons:github shrink-0 size-4" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--]--><!--]--><!--[--><!--[--><button type="button" aria-label="Switch to dark mode" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5"><!--[--><!--[--><span class="iconify i-lucide:moon shrink-0 size-5 hidden dark:inline-block" aria-hidden="true" style=""></span><span class="iconify i-lucide:sun shrink-0 size-5 dark:hidden" aria-hidden="true" style=""></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--]--><!--]--></div><div data-slot="center" class="mt-3 lg:mt-0 lg:order-2 flex items-center justify-center"><!--[--><!--]--></div><div data-slot="left" class="flex items-center justify-center lg:justify-start lg:flex-1 gap-x-1.5 mt-3 lg:mt-0 lg:order-1"><!--[--><div class="text-sm text-muted"> Copyright © 2026</div><!--]--></div><!--]--></div><!----></footer></div><span></span><!--]--><!--]--><!--[--><!--]--><!--v-if--><!--]--><!--[--><!--]--><!--]--><!--]--></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{docsVersion:"1.x",assistant:{enabled:false,apiPath:"/__docus__/assistant"},"nuxt-scripts":{version:"",defaultScriptOptions:{trigger:"onNuxtReady"}},fathom:{siteId:"",config:{manual:false}},mdc:{components:{prose:true,map:{accordion:"ProseAccordion","accordion-item":"ProseAccordionItem",badge:"ProseBadge",callout:"ProseCallout",card:"ProseCard","card-group":"ProseCardGroup",caution:"ProseCaution","code-collapse":"ProseCodeCollapse","code-group":"ProseCodeGroup","code-icon":"ProseCodeIcon","code-preview":"ProseCodePreview","code-tree":"ProseCodeTree",collapsible:"ProseCollapsible",field:"ProseField","field-group":"ProseFieldGroup",icon:"ProseIcon",kbd:"ProseKbd",note:"ProseNote",steps:"ProseSteps",tabs:"ProseTabs","tabs-item":"ProseTabsItem",tip:"ProseTip",warning:"ProseWarning"},customElements:[]},headings:{anchorLinks:{h1:false,h2:true,h3:true,h4:true,h5:false,h6:false}},highlight:{noApiRoute:true,theme:{light:"material-theme-lighter",default:"material-theme",dark:"material-theme-palenight"},shikiEngine:"javascript",langs:["bash","diff","json","js","ts","html","css","vue","shell","mdc","md","yaml","php","blade","bash","json"],highlighter:"shiki"}},content:{wsUrl:""},"nuxt-robots":{version:"5.7.1",isNuxtContentV2:false,debug:false,credits:true,groups:[{userAgent:["*"],allow:["/"],disallow:[],contentUsage:[],contentSignal:[],_indexable:true,_rules:[{pattern:"/",allow:true}],_normalized:true}],sitemap:["/sitemap.xml"],header:true,robotsEnabledValue:"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1",robotsDisabledValue:"noindex, nofollow",cacheControl:"max-age=14400, must-revalidate",botDetection:true,pageMetaRobots:{}}},app:{baseURL:"/comments/",buildId:"9fb57927-c43c-419b-9f6e-bb0ee22e9bb7",buildAssetsDir:"assets",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/comments/_payload.json?9fb57927-c43c-419b-9f6e-bb0ee22e9bb7">[{"state":1,"once":17,"_errors":18,"serverRendered":5,"path":20,"prerenderedAt":21},["Reactive",2],{"$scolor-mode":3,"$sassistant-open":6,"$sassistant-expanded":6,"$sassistant-messages":7,"$sassistant-pending":-1,"$stoasts":8,"$ssite-config":9},{"preference":4,"value":4,"unknown":5,"forced":6},"system",true,false,[],[],{"_priority":10,"env":14,"name":15,"url":16},{"name":11,"env":12,"url":13},-3,-15,0,"production","Comments","https:\u002F\u002Frelaticle.github.io",["Set"],["ShallowReactive",19],{"navigation_docs":-1,"search_docs":-1,"landing":-1},"\u002F",1774613030526]</script></body></html> |