97 lines
46 KiB
HTML
97 lines
46 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.D7gHb00N.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\:kanban){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 3v14m7-14v8m7-8v18'/%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-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?3a383cde-cfda-4206-9e8d-de8fed48a29a"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/Bc72JdWY.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/Bg32nkGT.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/Bkn3-AqG.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/u21n1yhz.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/C1JbfZcD.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/BN_7HF1G.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/BtW2Ha-c.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/BPQWi4Zt.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/CgPsRlO5.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/DTDQm4Kq.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/BoUmDzn8.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/DizXem2c.js"><link rel="modulepreload" as="script" crossorigin href="/comments/assets/BczhL2MZ.js"><script type="module" src="/comments/assets/Bc72JdWY.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><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"><!--[-->Visual form builder for all your public-facing forms.<!--]--></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"><!--[-->Let users add custom fields to any model without code changes.<!--]--></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/flowforge" rel="noopener noreferrer" target="_blank" aria-label="Flowforge" class="focus:outline-none"><!--[--><!--[--><span class="absolute inset-0" aria-hidden="true"></span><!--]--><!--]--></a><!--]--><span class="iconify i-lucide:kanban 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"><!--[-->Flowforge<!--]--></p><div class="text-[15px] text-muted *:first:mt-0 *:last:mb-0 *:my-1 mt-1"><!--[-->Transform any Laravel model into a drag-and-drop Kanban board.<!--]--></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:"3a383cde-cfda-4206-9e8d-de8fed48a29a",buildAssetsDir:"assets",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/comments/_payload.json?3a383cde-cfda-4206-9e8d-de8fed48a29a">[{"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",1774607320029]</script></body></html> |