CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><style id="nuxt-ui-colors">@layer base { :root { --ui-color-primary-50: var(--color-green-50, oklch(0.982 0.018 155.826)); --ui-color-primary-100: var(--color-green-100, oklch(0.962 0.044 156.743)); --ui-color-primary-200: var(--color-green-200, oklch(0.925 0.084 155.995)); --ui-color-primary-300: var(--color-green-300, oklch(0.871 0.15 154.449)); --ui-color-primary-400: var(--color-green-400, oklch(0.792 0.209 151.711)); --ui-color-primary-500: var(--color-green-500, oklch(0.723 0.219 149.579)); --ui-color-primary-600: var(--color-green-600, oklch(0.627 0.194 149.214)); --ui-color-primary-700: var(--color-green-700, oklch(0.527 0.154 150.069)); --ui-color-primary-800: var(--color-green-800, oklch(0.448 0.119 151.328)); --ui-color-primary-900: var(--color-green-900, oklch(0.393 0.095 152.535)); --ui-color-primary-950: var(--color-green-950, oklch(0.266 0.065 152.934)); --ui-color-secondary-50: var(--color-blue-50, oklch(0.97 0.014 254.604)); --ui-color-secondary-100: var(--color-blue-100, oklch(0.932 0.032 255.585)); --ui-color-secondary-200: var(--color-blue-200, oklch(0.882 0.059 254.128)); --ui-color-secondary-300: var(--color-blue-300, oklch(0.809 0.105 251.813)); --ui-color-secondary-400: var(--color-blue-400, oklch(0.707 0.165 254.624)); --ui-color-secondary-500: var(--color-blue-500, oklch(0.623 0.214 259.815)); --ui-color-secondary-600: var(--color-blue-600, oklch(0.546 0.245 262.881)); --ui-color-secondary-700: var(--color-blue-700, oklch(0.488 0.243 264.376)); --ui-color-secondary-800: var(--color-blue-800, oklch(0.424 0.199 265.638)); --ui-color-secondary-900: var(--color-blue-900, oklch(0.379 0.146 265.522)); --ui-color-secondary-950: var(--color-blue-950, oklch(0.282 0.091 267.935)); --ui-color-info-50: var(--color-blue-50, oklch(0.97 0.014 254.604)); --ui-color-info-100: var(--color-blue-100, oklch(0.932 0.032 255.585)); --ui-color-info-200: var(--color-blue-200, oklch(0.882 0.059 254.128)); --ui-color-info-300: var(--color-blue-300, oklch(0.809 0.105 251.813)); --ui-color-info-400: var(--color-blue-400, oklch(0.707 0.165 254.624)); --ui-color-info-500: var(--color-blue-500, oklch(0.623 0.214 259.815)); --ui-color-info-600: var(--color-blue-600, oklch(0.546 0.245 262.881)); --ui-color-info-700: var(--color-blue-700, oklch(0.488 0.243 264.376)); --ui-color-info-800: var(--color-blue-800, oklch(0.424 0.199 265.638)); --ui-color-info-900: var(--color-blue-900, oklch(0.379 0.146 265.522)); --ui-color-info-950: var(--color-blue-950, oklch(0.282 0.091 267.935)); --ui-color-success-50: var(--color-green-50, oklch(0.982 0.018 155.826)); --ui-color-success-100: var(--color-green-100, oklch(0.962 0.044 156.743)); --ui-color-success-200: var(--color-green-200, oklch(0.925 0.084 155.995)); --ui-color-success-300: var(--color-green-300, oklch(0.871 0.15 154.449)); --ui-color-success-400: var(--color-green-400, oklch(0.792 0.209 151.711)); --ui-color-success-500: var(--color-green-500, oklch(0.723 0.219 149.579)); --ui-color-success-600: var(--color-green-600, oklch(0.627 0.194 149.214)); --ui-color-success-700: var(--color-green-700, oklch(0.527 0.154 150.069)); --ui-color-success-800: var(--color-green-800, oklch(0.448 0.119 151.328)); --ui-color-success-900: var(--color-green-900, oklch(0.393 0.095 152.535)); --ui-color-success-950: var(--color-green-950, oklch(0.266 0.065 152.934)); --ui-color-warning-50: var(--color-yellow-50, oklch(0.987 0.026 102.212)); --ui-color-warning-100: var(--color-yellow-100, oklch(0.973 0.071 103.193)); --ui-color-warning-200: var(--color-yellow-200, oklch(0.945 0.129 101.54)); --ui-color-warning-300: var(--color-yellow-300, oklch(0.905 0.182 98.111)); --ui-color-warning-400: var(--color-yellow-400, oklch(0.852 0.199 91.936)); --ui-color-warning-500: var(--color-yellow-500, oklch(0.795 0.184 86.047)); --ui-color-warning-600: var(--color-yellow-600, oklch(0.681 0.162 75.834)); --ui-color-warning-700: var(--color-yellow-700, oklch(0.554 0.135 66.442)); --ui-color-warning-800: var(--color-yellow-800, oklch(0.476 0.114 61.907)); --ui-color-warning-900: var(--color-yellow-900, oklch(0.421 0.095 57.708)); --ui-color-warning-950: var(--color-yellow-950, oklch(0.286 0.066 53.813)); --ui-color-error-50: var(--color-red-50, oklch(0.971 0.013 17.38)); --ui-color-error-100: var(--color-red-100, oklch(0.936 0.032 17.717)); --ui-color-error-200: var(--color-red-200, oklch(0.885 0.062 18.334)); --ui-color-error-300: var(--color-red-300, oklch(0.808 0.114 19.571)); --ui-color-error-400: var(--color-red-400, oklch(0.704 0.191 22.216)); --ui-color-error-500: var(--color-red-500, oklch(0.637 0.237 25.331)); --ui-color-error-600: var(--color-red-600, oklch(0.577 0.245 27.325)); --ui-color-error-700: var(--color-red-700, oklch(0.505 0.213 27.518)); --ui-color-error-800: var(--color-red-800, oklch(0.444 0.177 26.899)); --ui-color-error-900: var(--color-red-900, oklch(0.396 0.141 25.723)); --ui-color-error-950: var(--color-red-950, oklch(0.258 0.092 26.042)); --ui-color-neutral-50: var(--color-slate-50, oklch(0.984 0.003 247.858)); --ui-color-neutral-100: var(--color-slate-100, oklch(0.968 0.007 247.896)); --ui-color-neutral-200: var(--color-slate-200, oklch(0.929 0.013 255.508)); --ui-color-neutral-300: var(--color-slate-300, oklch(0.869 0.022 252.894)); --ui-color-neutral-400: var(--color-slate-400, oklch(0.704 0.04 256.788)); --ui-color-neutral-500: var(--color-slate-500, oklch(0.554 0.046 257.417)); --ui-color-neutral-600: var(--color-slate-600, oklch(0.446 0.043 257.281)); --ui-color-neutral-700: var(--color-slate-700, oklch(0.372 0.044 257.287)); --ui-color-neutral-800: var(--color-slate-800, oklch(0.279 0.041 260.031)); --ui-color-neutral-900: var(--color-slate-900, oklch(0.208 0.042 265.755)); --ui-color-neutral-950: var(--color-slate-950, oklch(0.129 0.042 264.695)); --ui-color-important-50: var(--color-violet-50, oklch(0.969 0.016 293.756)); --ui-color-important-100: var(--color-violet-100, oklch(0.943 0.029 294.588)); --ui-color-important-200: var(--color-violet-200, oklch(0.894 0.057 293.283)); --ui-color-important-300: var(--color-violet-300, oklch(0.811 0.111 293.571)); --ui-color-important-400: var(--color-violet-400, oklch(0.702 0.183 293.541)); --ui-color-important-500: var(--color-violet-500, oklch(0.606 0.25 292.717)); --ui-color-important-600: var(--color-violet-600, oklch(0.541 0.281 293.009)); --ui-color-important-700: var(--color-violet-700, oklch(0.491 0.27 292.581)); --ui-color-important-800: var(--color-violet-800, oklch(0.432 0.232 292.759)); --ui-color-important-900: var(--color-violet-900, oklch(0.38 0.189 293.745)); --ui-color-important-950: var(--color-violet-950, oklch(0.283 0.141 291.089)); } :root, .light { --ui-primary: var(--ui-color-primary-500); --ui-secondary: var(--ui-color-secondary-500); --ui-info: var(--ui-color-info-500); --ui-success: var(--ui-color-success-500); --ui-warning: var(--ui-color-warning-500); --ui-error: var(--ui-color-error-500); --ui-important: var(--ui-color-important-500); } .dark { --ui-primary: var(--ui-color-primary-400); --ui-secondary: var(--ui-color-secondary-400); --ui-info: var(--ui-color-info-400); --ui-success: var(--ui-color-success-400); --ui-warning: var(--ui-color-warning-400); --ui-error: var(--ui-color-error-400); --ui-important: var(--ui-color-important-400); } }</style><title>Nuxt: The Progressive Web Framework</title><style>.hide-banner .banner[data-v-ee822406]{display:none}</style><style>.shine[data-v-90e33309]{animation:shine-90e33309 2s linear infinite;display:inline-block;-webkit-mask-image:linear-gradient(-75deg,hsla(0,0%,100%,.8) 30%,#fff 50%,hsla(0,0%,100%,.8) 70%);mask-image:linear-gradient(-75deg,#fffc 30%,#fff,#fffc 70%);-webkit-mask-size:200%;mask-size:200%;text-decoration:none}@keyframes shine-90e33309{0%{-webkit-mask-position:150%}to{-webkit-mask-position:-50%}}</style><style>@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap)))}}@keyframes marquee-rtl{0%{transform:translate(100%)}to{transform:translate(calc(-100%*var(--repeat) - var(--gap)*var(--repeat)))}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}@keyframes marquee-vertical-rtl{0%{transform:translateY(100%)}to{transform:translateY(calc(-100%*var(--repeat) - var(--gap)*var(--repeat)))}}</style><style>.avatar-enter-active[data-v-b36838f3],.avatar-leave-active[data-v-b36838f3]{transition:all .4s ease}.avatar-enter-from[data-v-b36838f3],.avatar-leave-to[data-v-b36838f3]{opacity:.1;transform:scale(.5)}</style><style>/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */.shiki span.line{display:block}.shiki span.line.highlight{background-color:color-mix(in oklab,var(--ui-bg-accented)50%,transparent);margin:0 -16px;padding:0 16px}</style><link rel="stylesheet" href="/_nuxt/entry.B0Npf7fm.css" crossorigin><link rel="stylesheet" href="/_nuxt/index.B9j9fiPX.css" crossorigin><link rel="stylesheet" href="/_nuxt/PageMarquee.d-kSZK0K.css" crossorigin><link rel="stylesheet" href="/_nuxt/useSiteConfig.Bnd76Olz.css" crossorigin><style>@layer components {:where(.i-custom\:nitro){display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40'%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_106_920' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(4.00008 20.0004) scale(39.0007 397.71)'%3E %3Cstop stop-color='%2331B2F3'/%3E %3Cstop offset='0.473958' stop-color='%23F27CEC'/%3E %3Cstop offset='1' stop-color='%23FD6641'/%3E %3C/radialGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.216 7.02016C28.0472 -1.38317 15.4235 -2.38397 7.02016 4.78481C-1.38317 11.9536 -2.38397 24.5773 4.78481 32.9806C11.9536 41.3839 24.5773 42.3847 32.9806 35.216C41.384 28.0472 42.3848 15.4235 35.216 7.02016ZM25.2519 17.5175C26.0227 17.5175 26.5149 18.3527 26.1281 19.0194L26.0169 19.2111L18.469 31.6294C18.3287 31.8602 18.0782 32.001 17.8082 32.001H17.0877C16.594 32.001 16.233 31.5349 16.3567 31.0569L18.4048 23.1384C18.5685 22.5053 18.0906 21.888 17.4367 21.888H14.2908C13.6369 21.888 13.159 21.2708 13.3226 20.6377L16.4131 8.68289C16.5255 8.28056 16.8898 7.99734 17.3075 8.00208C17.3581 8.00266 17.404 8.0035 17.4421 8.0047L20.6103 8.00465C21.2164 8.00436 21.6834 8.53896 21.6017 9.13949L21.5822 9.28246L20.374 16.349C20.2696 16.9598 20.74 17.5175 21.3597 17.5175H25.2519Z' fill='url(%23paint0_radial_106_920)'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-custom\:nuxt){display:inline-block;width:1.53em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 168' width='256' height='168'%3E%3Cpath fill='%2300DC82' d='M143.618 167.029h95.166c3.023 0 5.992-.771 8.61-2.237a16.963 16.963 0 0 0 6.302-6.115 16.324 16.324 0 0 0 2.304-8.352c0-2.932-.799-5.811-2.312-8.35L189.778 34.6a16.966 16.966 0 0 0-6.301-6.113 17.626 17.626 0 0 0-8.608-2.238c-3.023 0-5.991.772-8.609 2.238a16.964 16.964 0 0 0-6.3 6.113l-16.342 27.473-31.95-53.724a16.973 16.973 0 0 0-6.304-6.112A17.638 17.638 0 0 0 96.754 0c-3.022 0-5.992.772-8.61 2.237a16.973 16.973 0 0 0-6.303 6.112L2.31 141.975A16.302 16.302 0 0 0 0 150.325c0 2.932.793 5.813 2.304 8.352a16.964 16.964 0 0 0 6.302 6.115 17.628 17.628 0 0 0 8.61 2.237h59.737c23.669 0 41.123-10.084 53.134-29.758l29.159-48.983 15.618-26.215 46.874 78.742h-62.492l-15.628 26.214Zm-67.64-26.24-41.688-.01L96.782 35.796l31.181 52.492-20.877 35.084c-7.976 12.765-17.037 17.416-31.107 17.416Z'/%3E%3C/svg%3E")}:where(.i-custom\:rspack){display:inline-block;width:1.29em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 578 449' width='578' height='449'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M345 69c-5 5-9 10-11 16-1 3-2 5-1 6 1 5 15 7 20 7l43 2 33 4 2 2c0 3-3 4-5 4h-9c-2 0-5 2-5 5l-3 31h2l12-7 11-6c13-6 25-16 36-26 8-7 15-14 18-24s-4-18-14-20' stroke='%23AB7F45'/%3E%3Cpath d='m474 63-14-2-34 1c-3 0-4-1-3-4l3-5 18-15 18-16 11-12V9a120 120 0 0 0-54 11c-23 10-45 23-64 40l-10 9' stroke='%23AB9655'/%3E%3Cpath stroke='%23FFD259' d='m475 63-1 1v1l-5 12-6 5-13 6-25 5h-17l-15-2-25-6-7-3-6-3-5-5-1-1-1-1-1-1-1-2'/%3E%3Cpath stroke='%23AB836A' d='m31 218 14-4'/%3E%3Cpath d='m44 214 39-17 6-1c9-1 9 12 10 18 0 9 2 18 6 25s12 9 20 9c11-1 22-2 33-5l36-7 12-3 6-1c6 1 8 7 9 12l1 13c0 3-1 4-4 5-2 0-5-2-5-4v-5' stroke='%23AB806F'/%3E%3Cpath stroke='%23A4655A' d='m214 253-1-5'/%3E%3Cpath stroke='%23825451' d='m213 248-1-6-1-1-3 1'/%3E%3Cpath d='m207 242-52 11-25 3c-13 1-25 0-32-12-3-5-6-10-7-16l-2-9' stroke='%23A4655A'/%3E%3Cpath stroke='%23825451' d='M90 219v-14h-1l-27 11'/%3E%3Cpath stroke='%23A4655A' d='m62 216-18 8v7'/%3E%3Cpath d='m43 231 6 20c11 23 28 41 50 53l5 3' stroke='%23AB806F'/%3E%3Cpath d='M104 307a190 190 0 0 0 79 18c13-1 25-4 37-9' stroke='%23A65E4B'/%3E%3Cpath d='M220 316c11-5 22-11 31-19l4-3c7-7 14-16 19-26l4-10c5-15 9-30 10-46l-1-23' stroke='%23825451'/%3E%3Cpath d='M287 189c-1-13-3-25-8-36l-15-25' stroke='%23A4655A'/%3E%3Cpath d='M264 128c-9-13-19-24-32-34' stroke='%23AB806F'/%3E%3Cpath stroke='%23AB836A' d='m233 94-6-5'/%3E%3Cpath d='M226 89c-18-12-38-18-59-20l-20-1c-43 0-80 25-107 58-13 17-22 38-29 59-3 10-4 20 1 29 2 3 5 5 8 5l10-1' stroke='%23AB8666'/%3E%3Cpath d='m226 89-8 2h-1l-2 1-1 1h-2l-1 1-2 1h-1l-1 1h-1l-1 1h-1l-3 2h-3a1 1 0 0 1-1 1l-2 1h-8l-1 1h-17l-1 1h-8l-1 1h-5l-1 1' stroke='%23FFC68F'/%3E%3Cpath d='M153 105c-9-13-24-16-39-14-17 3-36 11-47 24s-13 29-4 43' stroke='%23FFE2B1'/%3E%3Cpath d='M63 158c-2 0-3 1-3 2l-1 1-3 3v2l-4 3v2l-2 1v2l-2 1v2l-2 2-1 1v2l-1 1v1l-2 2-1 1v2l-1 1v1l-1 1v1c-1 1-2 1-1 2l-1 1v2c-1 1-2 1-1 2l-1 1v2l-1 2v1c-1 1-2 1-1 2v1l-1 2-1 1v1l-1 1v4' stroke='%23FFC68F'/%3E%3Cpath d='M232 94v1h1v1h-2l-2 1h-1l-3 1h-3l-1 1-4 1-1 1h-2l-1 1h-1l-2 3h-2l-2 2-1 1-2 1v1l-7 3h-2l-2 1h-6l-2 1h-17v1h-5l-3 1' stroke='%23FFBF98'/%3E%3Cpath stroke='%23FFE0BF' d='m160 117-2-5'/%3E%3Cpath stroke='%23FFDFB6' d='m158 112-4-7'/%3E%3Cpath d='m157 112-4-1-4-2h-8l-9 2-1 1h-1l-2 1-6 2c-14 5-27 13-39 23l-12 12-2 3h1v6l8 7 2 2c1 1 2 2 1 3' stroke='%23FFFCE2'/%3E%3Cpath d='m81 171-9-4' stroke='%23FFDCBA'/%3E%3Cpath d='m72 167-9-9' stroke='%23FFDFB6'/%3E%3Cpath d='M264 128c3 12 5 22 5 30v22c0 12-2 23-8 34l-15 23c-18 22-40 40-66 54-11 6-22 10-33 12l-35 3' stroke='%23F9A288'/%3E%3Cpath stroke='%23FB9B78' d='m113 306-8 1'/%3E%3Cpath d='M43 231c9-2 19-3 28-2 5 0 11 0 15 4s8 10 11 17c3 5 7 8 14 9h25l68-12c3-1 4 0 5 2l4 4' stroke='%23F9A288'/%3E%3Cpath d='M44 214v-1h1l1-1-1-1 1-1v-2l1-1v-1l1-1v-1l1-1v-1l1-1v-1l1-1v-1c1-1 2-1 1-2v-1l1-1 1-1v-2l1-1v-1l2-2 1-1v-2l1-1v-1l2-1v-2l2-1v-2l3-2v-2l3-2v-1l2-2h1' stroke='%23FFBF98'/%3E%3Cpath stroke='%23FFDDC4' d='m82 171 9 2'/%3E%3Cpath d='M90 173c24 5 48-8 61-27' stroke='%23FFDECE'/%3E%3Cpath d='M151 146c7-9 9-18 8-29' stroke='%23FFDDC4'/%3E%3Cpath d='m151 146 3-8v-2l2-5c1-1 0-3-1-4h-8l-2 1h-1l-2 1h-1l-2 1h-1v1h-1l-2 1h-1l-2 1h-1l-2 1h-1l-1 1h-2l-1 1-6 2-7 4-1 1-2 2-3 3h-2l-2 3h-2l-5 6h-2l-8 8v4l1 1 5 3' stroke='%23FFFEF5'/%3E%3Cpath d='M287 189v11l-1 10c-2 15-6 30-11 44l-4 9' stroke='%23D0766A'/%3E%3Cpath d='M271 263h-3l-3 3h-2l-10 6-6 4-5 3-8 5-10 4-25 10-34 7-7 1h-2l-2 1h-9l-9 1h-17c-2 1-4 0-7-2' stroke='%23F48064'/%3E%3Cpath d='M207 242c3 0 4 4 5 6' stroke='%23D0766A'/%3E%3Cpath d='m220 316 8-6 4-3 4-4c13-10 26-24 35-40' stroke='%23D26F5A'/%3E%3Cpath d='m89 219-1-4c-1-2-2-4-5-4l-9 2-13 3' stroke='%23D0766A'/%3E%3Cpath d='M317 250c-8-1-17-4-22-11 0 13 10 26 21 31l17 5c9 2 16 0 24-5 9-6 18-13 23-22a270 270 0 0 0 16-49c2-13 4-25 2-38-2-7-4-14-8-20-1-1-1 0-1 1 4 28-2 56-16 80l-9 11a62 62 0 0 1-47 17' stroke='%23ABA1A0'/%3E%3Cpath d='m319 217-4 8v7l2 6 2 3 2 2 1 1c10 0 19-3 27-8s15-11 20-20a1 1 0 0 0-1-1l-2-3-3-1-2-2h-2v-1l-9-1-2 1h-2l-3 1h-2' stroke='%236C4D48'/%3E%3Cpath d='M341 209c9-10 12-22 11-36-2-18-20-32-37-19-9 6-13 16-15 26-3 15 3 34 19 37' stroke='%23ABA1A0'/%3E%3Cpath d='M341 209c-6 7-13 9-22 8' stroke='%23C0ABA7'/%3E%3Cpath d='M414 227c-3 4-6 8-7 13l-2 8v1c7 7 15 9 25 8 12-1 22-5 29-13l2-3 1-5 1-4v-6l-2-5-5-4-6-3' stroke='%236C4D48'/%3E%3Cpath d='M450 214c3-7 5-14 4-22-1-14-11-27-26-23-10 2-17 11-20 20-3 7-4 13-3 20s4 13 9 18' stroke='%23ABA1A0'/%3E%3Cpath d='M450 214c-3 7-8 12-13 15-8 5-16 4-23-2' stroke='%23C0ABA7'/%3E%3Cpath d='M480 252a167 167 0 0 0 11-72l-2-11h-1v26c-3 16-7 30-16 44a54 54 0 0 1-47 25c-9 0-17-4-24-11v1l4 12c4 9 16 16 26 19 5 2 10 2 15 0 17-5 26-18 34-33' stroke='%23ABA1A0'/%3E%3Cpath d='M513 302v21c4-1 8-2 13-5 7-3 14-7 18-13 4-4 6-11 9-16v-1h-1' stroke='%23825451'/%3E%3Cpath d='m552 288-9-5h-2l-2 4c-2 4-8 3-8-2 0-9 8-14 17-10 5 3 11 8 16 2 2-2 3-6 3-9v-25l-2-6' stroke='%23A4655A'/%3E%3Cpath d='M565 237c-3-13-9-23-17-32-5-7-12-11-21-14' stroke='%23A56E58'/%3E%3Cpath d='M527 191c-4-3-8-4-11-4-7-1-11 4-14 9l-1 5-2 11c-1 11-4 22-7 31l1 1 3 4c9 13 14 27 16 43l1 11' stroke='%23A4655A'/%3E%3Cpath d='m527 191 4 5v2l3 2v2l4 3v2l3 2v2l3 2v2l2 1v2l2 1v2l4 3v2l2 2h2v2h1l8 7' stroke='%23F39071'/%3E%3Cpath d='M552 288c-7 11-16 18-27 22h-4c-5-1-6-3-8-8' stroke='%23D0766A'/%3E%3Cpath d='M329 283c-17-3-30-10-37-25h-1l-10 19c-7 12-16 21-27 30' stroke='%23A4655A'/%3E%3Cpath d='M254 307c-10 7-21 14-33 19h-1c-1 5 0 10 2 13 4 5 9 10 14 13l5 5c7 7 17 15 26 18 5 2 9 5 13 9l11 12 10 12 5 2 42 10c15 3 31 3 47 2l24-5a135 135 0 0 0 44-24l19-20a111 111 0 0 0 21-55' stroke='%23AB806F'/%3E%3Cpath d='M503 318v-5c-1-21-5-40-14-59h-1c-8 19-20 34-41 40' stroke='%23A4655A'/%3E%3Cpath d='M447 294c-13 4-26-1-37-9-14-9-17-22-19-38 0-1 0-1 0 0-7 14-19 25-32 32-9 5-19 7-30 4' stroke='%23AB806F'/%3E%3Cpath d='M447 294c1 11 9 18 18 22 7 3 14 4 21 5 6 1 12 0 17-3m-249-11 3 1c4 5 11 7 18 7 9 0 19-1 28-4 12-3 20-10 25-21v-4l1-3' stroke='%23F9A288'/%3E%3Cpath d='M153 365h7l12-4 4-2c11-9 23-13 38-12l1-1c0-4-8-7-11-8' stroke='%23825451'/%3E%3Cpath d='M204 338c-17-4-37 4-48 17-3 3-4 6-5 9v1h2' stroke='%23A4655A'/%3E%3Cpath stroke='%23D0766A' d='m205 338-6 6-19 10-26 11'/%3E%3Cpath d='m176 372-7 9c-2 3-3 8-4 13' stroke='%23A56E58'/%3E%3Cpath d='M165 394c3 1 7 0 12-1 8-3 16-6 25-7h1c10-9 22-14 36-15v-1c-2-7-7-11-15-13' stroke='%23825451'/%3E%3Cpath d='M224 357a53 53 0 0 0-41 7l-3 3-4 5' stroke='%23A4655A'/%3E%3Cpath d='M224 357c-1 6-4 11-9 14l-14 10-6 3' stroke='%23D0766A'/%3E%3Cpath d='M195 384v-3l-1-1h-1l-1-1h-1l-1-1h-1l-1-1h-1c-1-1-1-2-2-1l-1-1h-1l-1-1h-3l-2-1h-1v-1' stroke='%23F39071'/%3E%3Cpath stroke='%23D17F67' d='m166 394 21-6 9-4'/%3E%3Cpath stroke='%23825451' d='m503 364-4 7h1l4 3'/%3E%3Cpath d='m503 374 8 7 5 4 10 4v-1c0-3-2-5-4-8-5-7-11-13-20-16 0-1 0-1 0 0-1 0-1 0 0 0' stroke='%23A65E4B'/%3E%3Cpath stroke='%23D26F5A' d='m504 374-1-10'/%3E%3Cpath stroke='%23825451' d='m488 389-6 4v1l10 4'/%3E%3Cpath stroke='%23A65E4B' d='m492 398 2 1'/%3E%3Cpath d='M493 399c4 1 7 3 10 6l6 3 9 7h1l-1-6c-3-7-6-14-11-20' stroke='%23A56E58'/%3E%3Cpath d='M507 389c-3-4-7-7-12-9h-1l-7 9' stroke='%23A65E4B'/%3E%3Cpath stroke='%23F58961' d='m508 389-2 2v1h-1l-4 3h-1l-1 1-1 1-4 2'/%3E%3Cpath stroke='%23D26F5A' d='m492 398-4-9'/%3E%3Cpath d='M211 391c-11 8-18 17-23 28-3 6-4 12-3 19l2 1h5l20-4' stroke='%23A56E58'/%3E%3Cpath d='m212 435 20-5 18-3 17-5c5-1 9-4 11-8 3-5 3-10 0-15s-6-9-11-12' stroke='%23825451'/%3E%3Cpath d='m267 387-8-5-20-2c-10 1-19 4-28 11' stroke='%23A4655A'/%3E%3Cpath d='m267 387 2 6v4c-2 6-6 11-11 15l-14 10' stroke='%23D0766A'/%3E%3Cpath d='m244 422-21-23h-2l-4-5h-2l-4-3' stroke='%23F39071'/%3E%3Cpath d='M212 435c11-3 21-8 32-13' stroke='%23D17F67'/%3E%3Cpath d='m465 408-10 8a2 2 0 0 0 0 3l4 2 22 6' stroke='%23825451'/%3E%3Cpath d='m481 427 28 9h3l1-3c-1-13-8-21-19-25-3-1-5-2-6-1' stroke='%23A56E58'/%3E%3Cpath d='M488 407c-7-1-17-2-23 1' stroke='%23A65E4B'/%3E%3Cpath stroke='%23F58961' d='m489 407-15 15'/%3E%3Cpath stroke='%23D26F5A' d='m474 422-7-8-1-6'/%3E%3Cpath stroke='%23D17F67' d='m482 427-8-5'/%3E%3Cpath d='M148 179c1 5 5 8 10 9 11 3 22-1 31-8s16-20 7-31l-8-4c-12-4-25 4-33 13l-5 7c-3 4-4 10-2 14' stroke='%23FFDECE'/%3E%3Cpath d='M385 295c-7-3-15-6-17-13l-1-1-3 2c-4 5 1 10 5 12 11 6 23 8 35 5v-1l-19-4' stroke='%23AB806F'/%3E%3Cpath d='M290 156c5-9 11-18 18-25 16-16 42-18 64-13 7 2 13 5 18 10l4 3 6 5h1l1-6 1-12c0-3-1-4-3-5l-18-4-28-2c-11-1-32-3-30-19 1-13 13-25 23-33A241 241 0 0 1 447 2l28-2c9 1 10 9 6 15-3 4-6 8-11 11l-27 24v1c11-1 21 0 30 2 13 3 24 10 24 24 1 10-6 22-13 30-8 8-18 16-28 23v1c9 0 16 2 22 8 12 9 19 22 22 37h1l23 3c7 3 17 7 23 12a85 85 0 0 1 28 84c-1 5-4 9-9 12l-1 1c-3 5-5 11-9 16l-4 7c-8 9-22 17-33 20l-3 2-4 5-5 15 4 5c9 4 16 11 21 21 2 4 4 8 3 12-1 5-5 7-10 7l-1 1c3 7 6 17 1 23-1 1-3 2-5 1l-1 1v4c1 4 3 11-1 15s-9 3-14 1l-30-10c-7-3-16-5-29-7l-20-1-23 1-16 1h-41l-19-2c-9-1-19-1-28 1l-21 3-9 2-13 3-28 6-34 7c-21 4-19-16-15-28l12-21v-1c-7 3-13 5-20 6-8 1-15-3-14-13 1-6 3-12 7-17l-1-1c-6 2-17 2-19-5-2-6 1-13 5-18 5-7 12-12 21-16v-1c-22-1-42-7-63-15-22-9-40-24-54-44l-12-17a172 172 0 0 1-14-28l-1-1c-8 1-15-1-20-8-4-6-6-13-5-22 0-11 4-21 8-31 8-23 22-47 41-64l15-13c20-16 47-29 73-30 13-1 25 0 37 1 25 3 47 13 66 28 12 10 23 22 33 37 7 9 13 19 17 30 0 1 0 1 0 0Zm55-87c-5 5-9 10-11 16-1 3-2 5-1 6 1 5 15 7 20 7l43 2 33 4 2 2c0 3-3 4-5 4h-9c-2 0-5 2-5 5l-3 31h2l12-7 11-6c13-6 25-16 36-26 8-7 15-14 18-24s-4-18-14-20l-14-2-34 1c-3 0-4-1-3-4l3-5 18-15 18-16 11-12V9a120 120 0 0 0-54 11c-23 10-45 23-64 40l-10 9ZM30 218l14-4 39-17 6-1c9-1 9 12 10 18 0 9 2 18 6 25s12 9 20 9c11-1 22-2 33-5l36-7 12-3 6-1c6 1 8 7 9 12l1 13c0 3-1 4-4 5-2 0-5-2-5-4v-5l-1-5-1-6-1-1-3 1-52 11-25 3c-13 1-25 0-32-12-3-5-6-10-7-16l-2-9v-14h-1l-27 11-18 8v7l6 20c11 23 28 41 50 53l5 3a190 190 0 0 0 79 18 118 118 0 0 0 68-28l4-3c7-7 14-16 19-26l4-10c5-15 9-30 10-46l-1-23c-1-13-3-25-8-36l-15-25c-9-13-19-24-32-34l-6-5c-18-12-38-18-59-20l-20-1c-43 0-80 25-107 58-13 17-22 38-29 59-3 10-4 20 1 29 2 3 5 5 8 5l10-1Zm287 32c-8-1-17-4-22-11 0 13 10 26 21 31l17 5c9 2 16 0 24-5 9-6 18-13 23-22a270 270 0 0 0 16-49c2-13 4-25 2-38-2-7-4-14-8-20-1-1-1 0-1 1 4 28-2 56-16 80l-9 11a62 62 0 0 1-47 17Zm2-33-4 8v7l2 6 2 3 2 2 1 1c10 0 19-3 27-8s15-11 20-20a1 1 0 0 0-1-1l-2-3-3-1-2-2h-2v-1l-9-1-2 1h-2l-3 1h-2c9-10 12-22 11-36-2-18-20-32-37-19-9 6-13 16-15 26-3 15 3 34 19 37Zm95 10c-3 4-6 8-7 13l-2 8v1c7 7 15 9 25 8 12-1 22-5 29-13l2-3 1-5 1-4v-6l-2-5-5-4-6-3c3-7 5-14 4-22-1-14-11-27-26-23-10 2-17 11-20 20-3 7-4 13-3 20s4 13 9 18Zm66 25a167 167 0 0 0 11-72l-2-11h-1v26c-3 16-7 30-16 44a54 54 0 0 1-47 25c-9 0-17-4-24-11v1l4 12c4 9 16 16 26 19 5 2 10 2 15 0 17-5 26-18 34-33Zm33 50v21c4-1 8-2 13-5 7-3 14-7 18-13 4-4 6-11 9-16v-1h-1l-9-5h-2l-2 4c-2 4-8 3-8-2 0-9 8-14 17-10 5 3 11 8 16 2 2-2 3-6 3-9v-25l-2-6c-3-13-9-23-17-32-5-7-12-11-21-14-4-3-8-4-11-4-7-1-11 4-14 9l-1 5-2 11c-1 11-4 22-7 31l1 1 3 4c9 13 14 27 16 43l1 11Zm-184-19c-17-3-30-10-37-25h-1l-10 19c-7 12-16 21-27 30-10 7-21 14-33 19h-1c-1 5 0 10 2 13 4 5 9 10 14 13l5 5c7 7 17 15 26 18 5 2 9 5 13 9l11 12 10 12 5 2 42 10c15 3 31 3 47 2l24-5a135 135 0 0 0 44-24l19-20a111 111 0 0 0 21-55v-5c-1-21-5-40-14-59h-1c-8 19-20 34-41 40-13 4-26-1-37-9-14-9-17-22-19-38 0-1 0-1 0 0-7 14-19 25-32 32-9 5-19 7-30 4Zm-176 82h7l12-4 4-2c11-9 23-13 38-12l1-1c0-4-8-7-11-8-17-4-37 4-48 17-3 3-4 6-5 9v1h2Zm23 7-7 9c-2 3-3 8-4 13 3 1 7 0 12-1 8-3 16-6 25-7h1c10-9 22-14 36-15v-1c-2-7-7-11-15-13a53 53 0 0 0-41 7l-3 3-4 5Zm326-8-4 7h1l4 3 8 7 5 4 10 4v-1c0-3-2-5-4-8-5-7-11-13-20-16 0-1 0-1 0 0-1 0-1 0 0 0Zm-15 25-6 4v1l10 4 2 1c4 1 7 3 10 6l6 3 9 7h1l-1-6c-3-7-6-14-11-20-3-4-7-7-12-9h-1l-7 9Zm-276 2c-11 8-18 17-23 28-3 6-4 12-3 19l2 1h5l20-4 20-5 18-3 17-5c5-1 9-4 11-8 3-5 3-10 0-15s-6-9-11-12l-8-5-20-2c-10 1-19 4-28 11Zm254 17-10 8a2 2 0 0 0 0 3l4 2 22 6 28 9h3l1-3c-1-13-8-21-19-25-3-1-5-2-6-1-7-1-17-2-23 1Z' fill='%23564341' fill-rule='nonzero'/%3E%3Cpath d='m474 63-1 1v1l-5 12-6 5-13 6-25 5h-17l-15-2-25-6-7-3-6-3-5-5-1-1-1-1-1-1-1-2 10-9a246 246 0 0 1 80-46c12-4 25-5 38-5v1l-11 12-18 16-18 15-3 5c-1 3 0 4 3 4l34-1 14 2Z' fill='%23FFE868' fill-rule='nonzero'/%3E%3Cpath d='M474 63c10 2 17 10 14 20s-10 17-18 24c-11 10-23 20-36 26l-11 6-12 7h-2l3-31c0-3 3-5 5-5h9c2 0 5-1 5-4l-2-2-33-4-43-2c-5 0-19-2-20-7-1-1 0-3 1-6 2-6 6-11 11-16l1 2 1 1 1 1 1 1 5 5 6 3 7 3 25 6 15 2h17l25-5 13-6 6-5 5-12v-1l1-1Z' fill='%23FFBB49' fill-rule='nonzero'/%3E%3Cpath d='m226 89-8 2h-1l-2 1-1 1h-2l-1 1-2 1h-1l-1 1h-1l-1 1h-1l-3 2h-3a1 1 0 0 1-1 1l-2 1h-8l-1 1h-17l-1 1h-8l-1 1h-5l-1 1c-9-13-24-16-39-14-17 3-36 11-47 24s-13 29-4 43c-2 0-3 1-3 2l-1 1-3 3v2l-4 3v2l-2 1v2l-2 1v2l-2 2-1 1v2l-1 1v1l-2 2-1 1v2l-1 1v1l-1 1v1c-1 1-2 1-1 2l-1 1v2c-1 1-2 1-1 2l-1 1v2l-1 2v1c-1 1-2 1-1 2v1l-1 2-1 1v1l-1 1v4l-10 1c-3 0-6-2-8-5-5-9-4-19-1-29 7-21 16-42 29-59 27-33 64-58 107-58l20 1c21 2 41 8 59 20Z' fill='%23FFC98A' fill-rule='nonzero'/%3E%3Cpath d='m226 89 6 5v1h1v1h-2l-2 1h-1l-3 1h-3l-1 1-4 1-1 1h-2l-1 1h-1l-2 3h-2l-2 2-1 1-2 1v1l-7 3h-2l-2 1h-6l-2 1h-17v1h-5l-3 1-2-5-4-7 1-1h5l1-1h8l1-1h17l1-1h8l2-1a1 1 0 0 0 1-1h3l3-2h1l1-1h1l1-1h1l2-1 1-1h2l1-1 2-1h1l8-2Z' fill='%23FFC293' fill-rule='nonzero'/%3E%3Cpath d='m153 105 4 7-4-1-4-2h-8l-9 2-1 1h-1l-2 1-6 2c-14 5-27 13-39 23l-12 12-2 3h1v6l8 7 2 2c1 1 2 2 1 3l-9-4-9-9c-9-14-7-30 4-43s30-21 47-24c15-2 30 1 39 14Z' fill='%23FFFBD8' fill-rule='nonzero'/%3E%3Cpath d='M232 94c13 10 23 21 32 34 3 12 5 22 5 30v22c0 12-2 23-8 34l-15 23c-18 22-40 40-66 54-11 6-22 10-33 12l-35 3-8 1-5-3c-22-12-39-30-50-53l-6-20c9-2 19-3 28-2 5 0 11 0 15 4s8 10 11 17c3 5 7 8 14 9h25l68-12c3-1 4 0 5 2l4 4v5c0 2 3 4 5 4 3-1 4-2 4-5l-1-13c-1-5-3-11-9-12l-6 1-12 3-36 7c-11 3-22 4-33 5-8 0-16-2-20-9s-6-16-6-25c-1-6-1-19-10-18l-6 1-39 17v-1h1l1-1-1-1 1-1v-2l1-1v-1l1-1v-1l1-1v-1l1-1v-1l1-1v-1c1-1 2-1 1-2v-1l1-1 1-1v-2l1-1v-1l2-2 1-1v-2l1-1v-1l2-1v-2l2-1v-2l3-2v-2l3-2v-1l2-2h1l9 4 9 2c24 5 48-8 61-27 7-9 9-18 8-29l3-1h5v-1h17l2-1h6l2-1h2l7-3v-1l2-1 1-1 2-2h2l2-3h1l1-1h2l1-1 4-1 1-1h3l3-1h1l2-1h2v-1h-1v-1Zm-84 85c1 5 5 8 10 9 11 3 22-1 31-8s16-20 7-31l-8-4c-12-4-25 4-33 13l-5 7c-3 4-4 10-2 14Z' fill='%23FFBC9C' fill-rule='nonzero'/%3E%3Cpath d='m157 112 2 5c1 11-1 20-8 29l3-8v-2l2-5c1-1 0-3-1-4h-8l-2 1h-1l-2 1h-1l-2 1h-1v1h-1l-2 1h-1l-2 1h-1l-2 1h-1l-1 1h-2l-1 1-6 2-7 4-1 1-2 2-3 3h-2l-2 3h-2l-5 6h-2l-8 8v4l1 1 5 3-9-2c1-1 0-2-1-3l-2-2-8-7v-6h-1l2-3 12-12c12-10 25-18 39-23l6-2 2-1h1l1-1 9-2h8l4 2 4 1Z' fill='%23FFFDEB' fill-rule='nonzero'/%3E%3Cpath d='M151 146c-13 19-37 32-61 27l-5-3-1-1v-4l8-8h2l5-6h2l2-3h2l3-3 2-2 1-1 7-4 6-2 1-1h2l1-1h1l2-1h1l2-1h1l2-1h1v-1h1l2-1h1l2-1h1l2-1h8c1 1 2 3 1 4l-2 5v2l-3 8Z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='m264 128 15 25c5 11 7 23 8 36v11l-1 10c-2 15-6 30-11 44l-4 9h-3l-3 3h-2l-10 6-6 4-5 3-8 5-10 4-25 10-34 7-7 1h-2l-2 1h-9l-9 1h-17c-2 1-4 0-7-2l35-3c11-2 22-6 33-12 26-14 48-32 66-54l15-23c6-11 8-22 8-34v-22c0-8-2-18-5-30Z' fill='%23F28773' fill-rule='nonzero'/%3E%3Cpath d='M295 239c5 7 14 10 22 11 18 1 33-5 47-17l9-11c14-24 20-52 16-80 0-1 0-2 1-1 4 6 6 13 8 20 2 13 0 25-2 38a270 270 0 0 1-16 49c-5 9-14 16-23 22-8 5-15 7-24 5l-17-5c-11-5-21-18-21-31Zm-147-60c-2-4-1-10 2-14l5-7c8-9 21-17 33-13l8 4c9 11 2 24-7 31s-20 11-31 8c-5-1-9-4-10-9Z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='M341 209c-6 7-13 9-22 8-16-3-22-22-19-37 2-10 6-20 15-26 17-13 35 1 37 19 1 14-2 26-11 36Z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='m63 158 9 9h-1l-2 2v1l-3 2v2l-3 2v2l-2 1v2l-2 1v1l-1 1v2l-1 1-2 2v1l-1 1v2l-1 1-1 1v1c1 1 0 1-1 2v1l-1 1v1l-1 1v1l-1 1v1l-1 1v1l-1 1v2l-1 1 1 1-1 1h-1v1l-14 4v-4l1-1v-1l1-1 1-2v-1c-1-1 0-1 1-2v-1l1-2v-2l1-1c-1-1 0-1 1-2v-2l1-1c-1-1 0-1 1-2v-1l1-1v-1l1-1v-2l1-1 2-2v-1l1-1v-2l1-1 2-2v-2l2-1v-2l2-1v-2l4-3v-2l3-3 1-1c0-1 1-2 3-2Z' fill='%23FFC293' fill-rule='nonzero'/%3E%3Cpath d='M450 214c-3 7-8 12-13 15-8 5-16 4-23-2-5-5-8-11-9-18s0-13 3-20c3-9 10-18 20-20 15-4 25 9 26 23 1 8-1 15-4 22Z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='M480 252c-8 15-17 28-34 33-5 2-10 2-15 0-10-3-22-10-26-19l-4-12v-1c7 7 15 11 24 11 20 0 36-9 47-25 9-14 13-28 16-44v-26h1l2 11v28c-2 14-5 31-11 44Z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='m527 191 4 5v2l3 2v2l4 3v2l3 2v2l3 2v2l2 1v2l2 1v2l4 3v2l2 2h2v2h1l8 7 2 6v25c0 3-1 7-3 9-5 6-11 1-16-2-9-4-17 1-17 10 0 5 6 6 8 2l2-4h2l9 5c-7 11-16 18-27 22h-4c-5-1-6-3-8-8l-1-11c-2-16-7-30-16-43l-3-4-1-1c3-9 6-20 7-31l2-11 1-5c3-5 7-10 14-9 3 0 7 1 11 4Z' fill='%23F28773' fill-rule='nonzero'/%3E%3Cpath d='m287 189 1 23c-1 16-5 31-10 46l-4 10c-5 10-12 19-19 26l-4 3c-9 8-20 14-31 19l8-6 4-3 4-4c13-10 26-24 35-40l4-9c5-14 9-29 11-44l1-10v-11Z' fill='%23AD6560' fill-rule='nonzero'/%3E%3Cpath d='M527 191c9 3 16 7 21 14 8 9 14 19 17 32l-8-7h-1v-2h-2l-2-2v-2l-4-3v-2l-2-1v-2l-2-1v-2l-3-2v-2l-3-2v-2l-4-3v-2l-3-2v-2l-4-5Z' fill='%23F4986E' fill-rule='nonzero'/%3E%3Cpath d='m89 219-1-4c-1-2-2-4-5-4l-9 2-13 3 27-11h1v14Z' fill='%23AD6560' fill-rule='nonzero'/%3E%3Cpath d='M319 217c9 1 16-1 22-8h2l3-1h2l2-1 9 1v1h2l2 2 3 1 2 3a1 1 0 0 1 1 1c-5 9-12 15-20 20s-17 8-27 8l-1-1-2-2-2-3-2-6v-7l4-8Z' fill='%2381564F' fill-rule='nonzero'/%3E%3Cpath d='m89 219 2 9c1 6 4 11 7 16 7 12 19 13 32 12l25-3 52-11c3 0 4 4 5 6l1 5-4-4c-1-2-2-3-5-2l-68 12h-25c-7-1-11-4-14-9-3-7-7-13-11-17s-10-4-15-4c-9-1-19 0-28 2v-7l18-8 13-3 9-2c3 0 4 2 5 4l1 4Z' fill='%23F28773' fill-rule='nonzero'/%3E%3Cpath d='m450 214 6 3 5 4 2 5v6l-1 4-1 5-2 3c-7 8-17 12-29 13-10 1-18-1-25-8v-1l2-8c1-5 4-9 7-13 7 6 15 7 23 2 5-3 10-8 13-15Z' fill='%2381564F' fill-rule='nonzero'/%3E%3Cpath d='M212 248c-1-2-2-6-5-6l3-1 1 1 1 6Z' fill='%23AD6560' fill-rule='nonzero'/%3E%3Cpath d='M447 294c1 11 9 18 18 22 7 3 14 4 21 5 6 1 12 0 17-3a111 111 0 0 1-21 55l-19 20a135 135 0 0 1-44 24l-24 5c-16 1-32 1-47-2a324 324 0 0 1-47-12l-10-12-11-12c-4-4-8-7-13-9-9-3-19-11-26-18l-5-5c-5-3-10-8-14-13-2-3-3-8-2-13h1c12-5 23-12 33-19l3 1c4 5 11 7 18 7 9 0 19-1 28-4 12-3 20-10 25-21v-4l1-3c11 3 21 1 30-4 13-7 25-18 32-32 0-1 0-1 0 0 2 16 5 29 19 38 11 8 24 13 37 9Zm-62 1c-7-3-15-6-17-13l-1-1-3 2c-4 5 1 10 5 12 11 6 23 8 35 5v-1l-19-4Z' fill='%23FFBC9C' fill-rule='nonzero'/%3E%3Cpath d='M503 318c-5 3-11 4-17 3-7-1-14-2-21-5-9-4-17-11-18-22 21-6 33-21 41-40h1c9 19 13 38 14 59v5Zm-174-35-1 3v4c-5 11-13 18-25 21-9 3-19 4-28 4-7 0-14-2-18-7l-3-1c11-9 20-18 27-30l10-19h1c7 15 20 22 37 25Z' fill='%23F28773' fill-rule='nonzero'/%3E%3Cpath d='M271 263c-9 16-22 30-35 40l-4 4-4 3-8 6a104 104 0 0 1-73 5c-14-3-28-7-43-14l8-1c3 2 5 3 7 2h17l9-1h9l2-1h2l7-1 34-7 25-10 10-4 8-5 5-3 6-4 10-6h2l3-3h3Z' fill='%23F67954' fill-rule='nonzero'/%3E%3Cpath d='m385 295 19 4v1c-12 3-24 1-35-5-4-2-9-7-5-12l3-2 1 1c2 7 10 10 17 13Z' fill='%23564341' fill-rule='nonzero'/%3E%3Cpath d='M552 288h1v1c-3 5-5 12-9 16-4 6-11 10-18 13-5 3-9 4-13 5v-21c2 5 3 7 8 8h4c11-4 20-11 27-22Z' fill='%23AD6560' fill-rule='nonzero'/%3E%3Cpath d='m204 338-6 6-19 10-26 11h-2v-1c1-3 2-6 5-9 11-13 31-21 48-17Z' fill='%23F28773' fill-rule='nonzero'/%3E%3Cpath d='M204 338c3 1 11 4 11 8l-1 1c-15-1-27 3-38 12l-4 2-12 4h-7l26-11 19-10 6-6Z' fill='%23AD6560' fill-rule='nonzero'/%3E%3Cpath d='M224 357c-1 6-4 11-9 14l-14 10-6 3v-3l-1-1h-1l-1-1h-1l-1-1h-1l-1-1h-1c-1-1-1-2-2-1l-1-1h-1l-1-1h-3l-2-1h-1v-1l4-5 3-3c5-3 10-6 16-7 9-2 17-2 25 0Z' fill='%23F28773' fill-rule='nonzero'/%3E%3Cpath d='M224 357c8 2 13 6 15 13v1c-14 1-26 6-36 15h-1c-9 1-17 4-25 7-5 1-9 2-12 1l21-6 9-4 6-3 14-10c5-3 8-8 9-14Z' fill='%23AD6560' fill-rule='nonzero'/%3E%3Cpath d='m503 374-1-10c-1 0-1 0 0 0 0-1 0-1 0 0 9 3 15 9 20 16 2 3 4 5 4 8v1l-10-4-5-4-8-7Z' fill='%23F67954' fill-rule='nonzero'/%3E%3Cpath fill='%23AD6560' fill-rule='nonzero' d='m502 364 1 10-4-3h-1z'/%3E%3Cpath d='M176 372v1h1l2 1h3l1 1h1l1 1c1-1 1 0 2 1h1l1 1h1l1 1h1l1 1h1l1 1v3l-9 4-21 6c1-5 2-10 4-13l7-9Z' fill='%23F4986E' fill-rule='nonzero'/%3E%3Cpath d='m507 389-2 2v1h-1l-4 3h-1l-1 1-1 1-4 2-2-1-4-9 7-9h1c5 2 9 5 12 9Z' fill='%23F67954' fill-rule='nonzero'/%3E%3Cpath d='m267 387 2 6v4c-2 6-6 11-11 15l-14 10-21-23h-2l-4-5h-2l-4-3c9-7 18-10 28-11l20 2 8 5Z' fill='%23F28773' fill-rule='nonzero'/%3E%3Cpath d='M267 387c5 3 8 7 11 12s3 10 0 15c-2 4-6 7-11 8l-17 5-18 3-20 5c11-3 21-8 32-13l14-10c5-4 9-9 11-15v-4l-2-6Zm220 2 4 9-10-4v-1l6-4Z' fill='%23AD6560' fill-rule='nonzero'/%3E%3Cpath d='M507 389c5 6 8 13 11 20l1 6h-1l-9-7-6-3c-3-3-6-5-10-6l4-2 1-1 1-1h1l4-3h1v-1l2-2Zm-296 2 4 3h2l4 5h2l21 23c-11 5-21 10-32 13l-20 4h-5l-2-1c-1-7 0-13 3-19 5-11 12-20 23-28Z' fill='%23F4986E' fill-rule='nonzero'/%3E%3Cpath d='m488 407-15 15-7-8-1-6c6-3 16-2 23-1Z' fill='%23F67954' fill-rule='nonzero'/%3E%3Cpath d='M488 407c1-1 3 0 6 1 11 4 18 12 19 25l-1 3h-3l-28-9-8-5 15-15Z' fill='%23F4986E' fill-rule='nonzero'/%3E%3Cpath d='m465 408 1 6 7 8 8 5-22-6-4-2a2 2 0 0 1 0-3l10-8Z' fill='%23AD6560' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-custom\:vite){display:inline-block;width:1.02em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 410 404' width='410' height='404'%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='6.00017' y1='32.9999' x2='235' y2='344' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%2341D1FF'/%3E %3Cstop offset='1' stop-color='%23BD34FE'/%3E %3C/linearGradient%3E %3ClinearGradient id='paint1_linear' x1='194.651' y1='8.81818' x2='236.076' y2='292.989' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23FFEA83'/%3E %3Cstop offset='0.0833333' stop-color='%23FFDD35'/%3E %3Cstop offset='1' stop-color='%23FFA800'/%3E %3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z' fill='url(%23paint0_linear)'/%3E %3Cpath d='M292.965 1.5744L156.801 28.2552C154.563 28.6937 152.906 30.5903 152.771 32.8664L144.395 174.33C144.198 177.662 147.258 180.248 150.51 179.498L188.42 170.749C191.967 169.931 195.172 173.055 194.443 176.622L183.18 231.775C182.422 235.487 185.907 238.661 189.532 237.56L212.947 230.446C216.577 229.344 220.065 232.527 219.297 236.242L201.398 322.875C200.278 328.294 207.486 331.249 210.492 326.603L212.5 323.5L323.454 102.072C325.312 98.3645 322.108 94.137 318.036 94.9228L279.014 102.454C275.347 103.161 272.227 99.746 273.262 96.1583L298.731 7.86689C299.767 4.27314 296.636 0.855181 292.965 1.5744Z' fill='url(%23paint1_linear)'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-custom\:vue){display:inline-block;width:1.16em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 221' width='256' height='221'%3E%3Cpath d='M204.8 0H256L128 220.8 0 0h97.92L128 51.2 157.44 0h47.36Z' fill='%2341B883'/%3E%3Cpath d='m0 0 128 220.8L256 0h-51.2L128 132.48 50.56 0H0Z' fill='%2341B883'/%3E%3Cpath d='M50.56 0 128 133.12 204.8 0h-47.36L128 51.2 97.92 0H50.56Z' fill='%2335495E'/%3E%3C/svg%3E")}:where(.i-custom\:webpack){display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1200' width='1200' height='1200'%3E%3Cpath d='m600 0 530.3 300v600l-530.3 300-530.3-300v-600z' fill='%23fff'/%3E%3Cpath d='m1035.6 879.3-418.1 236.5v-184.2l260.5-143.3zm28.6-25.9v-494.6l-153 88.3v317.9zm-901.5 25.9 418.1 236.5v-184.2l-260.5-143.3zm-28.6-25.9v-494.6l153 88.3v317.9zm17.9-526.6 428.8-242.6v178.1l-274.7 151.1-2.1 1.2zm894.3 0-428.8-242.6v178.1l274.7 151.1 2.1 1.2z' fill='%238ed6fb'/%3E%3Cpath d='m580.8 889.7-257-141.3v-280l257 148.4zm36.7 0 257-141.3v-280l-257 148.4zm-276.3-453.7 258-141.9 258 141.9-258 149z' fill='%231c78c0'/%3E%3C/svg%3E")}:where(.i-lucide\:arrow-left){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='m12 19l-7-7l7-7m7 7H5'/%3E%3C/svg%3E")}: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\:book-marked){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='M10 2v8l3-3l3 3V2'/%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:bug){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='m8 2l1.88 1.88m4.24 0L16 2M9 7.13v-1a3.003 3.003 0 1 1 6 0v1'/%3E%3Cpath d='M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6m0 0v-9'/%3E%3Cpath d='M6.53 9C4.6 8.8 3 7.1 3 5m3 8H2m1 8c0-2.1 1.7-3.9 3.8-4M20.97 5c0 2.1-1.6 3.8-3.5 4M22 13h-4m-.8 4c2.1.1 3.8 1.9 3.8 4'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:building-2){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='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Zm0-10H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2M10 6h4m-4 4h4m-4 4h4m-4 4h4'/%3E%3C/svg%3E")}:where(.i-lucide\:chevron-down){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='m6 9l6 6l6-6'/%3E%3C/svg%3E")}:where(.i-lucide\:circle-arrow-down){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='M12 8v8m-4-4l4 4l4-4'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:circle-arrow-up){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='m16 12l-4-4l-4 4m4 4V8'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:copy){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%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:file-code-2){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='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M5 12l-3 3l3 3m4 0l3-3l-3-3'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:file-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='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M4.268 21a2 2 0 0 0 1.727 1H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3m5 11l-1.5-1.5'/%3E%3Ccircle cx='5' cy='14' r='3'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:flip-horizontal){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='M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3m8-18h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3m-4-1v2m0-8v2m0-8v2m0-8v2'/%3E%3C/svg%3E")}:where(.i-lucide\:folder){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 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E")}:where(.i-lucide\:folder-open){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='m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E")}:where(.i-lucide\:heart){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='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2c-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}:where(.i-lucide\:image){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%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:leaf){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='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8c0 5.5-4.78 10-10 10'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:library){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 6l4 14M12 6v14M8 8v12M4 4v16'/%3E%3C/svg%3E")}:where(.i-lucide\:menu){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='M4 12h16M4 6h16M4 18h16'/%3E%3C/svg%3E")}:where(.i-lucide\:milestone){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='M12 13v8m0-18v3M4 6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h13a2 2 0 0 0 1.152-.365l3.424-2.317a1 1 0 0 0 0-1.635l-3.424-2.318A2 2 0 0 0 17 6z'/%3E%3C/svg%3E")}:where(.i-lucide\:newspaper){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='M15 18h-5m8-4h-8m-6 8h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2'/%3E%3Crect width='8' height='4' x='10' y='6' rx='1'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:pc-case){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%3Crect width='14' height='20' x='5' y='2' rx='2'/%3E%3Cpath d='M15 14h.01M9 6h6m-6 4h6'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:play-circle){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='m10 8l6 4l-6 4z'/%3E%3C/g%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\:rocket){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='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0m1 7v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:school){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='M14 22v-4a2 2 0 1 0-4 0v4'/%3E%3Cpath d='m18 10l3.447 1.724a1 1 0 0 1 .553.894V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7.382a1 1 0 0 1 .553-.894L6 10m12-5v17M4 6l7.106-3.553a2 2 0 0 1 1.788 0L20 6M6 5v17'/%3E%3Ccircle cx='12' cy='9' 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%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21l-4.3-4.3'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:shield-check){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='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:sparkle){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='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/%3E%3C/svg%3E")}:where(.i-lucide\:sparkles){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='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0zM20 3v4m2-2h-4M4 17v2m1-1H3'/%3E%3C/svg%3E")}:where(.i-lucide\:star){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='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E")}:where(.i-lucide\:terminal){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='m4 17l6-6l-6-6m8 14h8'/%3E%3C/svg%3E")}:where(.i-lucide\:unplug){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='m19 5l3-3M2 22l3-3m1.3 1.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6l-2.3 2.3a2.4 2.4 0 0 0 0 3.4Zm1.2-6.8L10 11m.5 5.5L13 14m-1-8l6 6l2.3-2.3a2.4 2.4 0 0 0 0-3.4l-2.6-2.6a2.4 2.4 0 0 0-3.4 0Z'/%3E%3C/svg%3E")}:where(.i-lucide\:wand-sparkles){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.64 3.64l-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72M14 7l3 3M5 6v4m14 4v4M10 2v2M7 8H3m18 8h-4M11 3H9'/%3E%3C/svg%3E")}:where(.i-lucide\:x){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='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")}:where(.i-simple-icons\:bluesky){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 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565C.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479c.815 2.736 3.713 3.66 6.383 3.364q.204-.03.415-.056q-.207.033-.415.056c-3.912.58-7.387 2.005-2.83 7.078c5.013 5.19 6.87-1.113 7.823-4.308c.953 3.195 2.05 9.271 7.733 4.308c4.267-4.308 1.172-6.498-2.74-7.078a9 9 0 0 1-.415-.056q.21.026.415.056c2.67.297 5.568-.628 6.383-3.364c.246-.828.624-5.79.624-6.478c0-.69-.139-1.861-.902-2.206c-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8'/%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\:linkedin){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.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/%3E%3C/svg%3E")}:where(.i-simple-icons\:npm){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='M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019l-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z'/%3E%3C/svg%3E")}:where(.i-simple-icons\:nuxtdotjs){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='M13.464 19.83h8.922c.283 0 .562-.073.807-.21a1.6 1.6 0 0 0 .591-.574a1.53 1.53 0 0 0 .216-.783a1.53 1.53 0 0 0-.217-.782L17.792 7.414a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.283 0-.562.073-.807.21a1.6 1.6 0 0 0-.59.573L13.463 9.99L10.47 4.953a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.284 0-.562.073-.807.21a1.6 1.6 0 0 0-.591.573L.216 17.481a1.53 1.53 0 0 0-.217.782c0 .275.074.545.216.783a1.6 1.6 0 0 0 .59.574c.246.137.525.21.808.21h5.6c2.22 0 3.856-.946 4.982-2.79l2.733-4.593l1.464-2.457l4.395 7.382h-5.859Zm-6.341-2.46l-3.908-.002l5.858-9.842l2.923 4.921l-1.957 3.29c-.748 1.196-1.597 1.632-2.916 1.632'/%3E%3C/svg%3E")}:where(.i-simple-icons\:typescript){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='M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75q.918 0 1.627.111a6.4 6.4 0 0 1 1.306.34v2.458a4 4 0 0 0-.643-.361a5 5 0 0 0-.717-.26a5.5 5.5 0 0 0-1.426-.2q-.45 0-.819.086a2.1 2.1 0 0 0-.623.242q-.254.156-.393.374a.9.9 0 0 0-.14.49q0 .294.156.529q.156.234.443.444c.287.21.423.276.696.41q.41.203.926.416q.705.296 1.266.628q.561.333.963.753q.402.418.614.957q.213.538.214 1.253q0 .986-.373 1.656a3 3 0 0 1-1.012 1.085a4.4 4.4 0 0 1-1.487.596q-.85.18-1.79.18a10 10 0 0 1-1.84-.164a5.5 5.5 0 0 1-1.512-.493v-2.63a5.03 5.03 0 0 0 3.237 1.2q.5 0 .872-.09q.373-.09.623-.25q.249-.162.373-.38a1.02 1.02 0 0 0-.074-1.089a2.1 2.1 0 0 0-.537-.5a5.6 5.6 0 0 0-.807-.444a28 28 0 0 0-1.007-.436q-1.377-.575-2.053-1.405t-.676-2.005q0-.92.369-1.582q.368-.662 1.004-1.089a4.5 4.5 0 0 1 1.47-.629a7.5 7.5 0 0 1 1.77-.201m-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z'/%3E%3C/svg%3E")}:where(.i-simple-icons\:x){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='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}:where(.i-vscode-icons\:file-type-node){display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%2383cd29' d='M16 30a2.15 2.15 0 0 1-1.076-.288L11.5 27.685c-.511-.286-.262-.387-.093-.446a6.8 6.8 0 0 0 1.549-.7a.26.26 0 0 1 .255.019l2.631 1.563a.34.34 0 0 0 .318 0l10.26-5.922a.32.32 0 0 0 .157-.278V10.075a.33.33 0 0 0-.159-.283l-10.26-5.917a.32.32 0 0 0-.317 0L5.587 9.794a.33.33 0 0 0-.162.281v11.841a.32.32 0 0 0 .161.274L8.4 23.814c1.525.762 2.459-.136 2.459-1.038V11.085a.3.3 0 0 1 .3-.3h1.3a.3.3 0 0 1 .3.3v11.692c0 2.035-1.108 3.2-3.038 3.2a4.4 4.4 0 0 1-2.363-.642l-2.697-1.547a2.17 2.17 0 0 1-1.076-1.872V10.075A2.16 2.16 0 0 1 4.661 8.2l10.261-5.924a2.25 2.25 0 0 1 2.156 0L27.338 8.2a2.17 2.17 0 0 1 1.077 1.87v11.846a2.17 2.17 0 0 1-1.077 1.872l-10.26 5.924A2.15 2.15 0 0 1 16 30'/%3E%3Cpath fill='%2383cd29' d='M14.054 17.953a.3.3 0 0 1 .3-.3h1.327a.3.3 0 0 1 .295.251c.2 1.351.8 2.032 3.513 2.032c2.161 0 3.082-.489 3.082-1.636c0-.661-.261-1.152-3.62-1.481c-2.808-.278-4.544-.9-4.544-3.144c0-2.07 1.745-3.305 4.67-3.305c3.287 0 4.914 1.141 5.12 3.589a.3.3 0 0 1-.295.323h-1.336a.3.3 0 0 1-.288-.232c-.319-1.421-1.1-1.875-3.2-1.875c-2.36 0-2.634.822-2.634 1.438c0 .746.324.964 3.51 1.385c3.153.417 4.651 1.007 4.651 3.223c0 2.236-1.864 3.516-5.115 3.516c-4.495.006-5.436-2.055-5.436-3.784'/%3E%3C/svg%3E")}:where(.i-vscode-icons\:file-type-typescript){display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23007acc' d='M23.827 8.243a4.4 4.4 0 0 1 2.223 1.281a6 6 0 0 1 .852 1.143c.011.045-1.534 1.083-2.471 1.662c-.034.023-.169-.124-.322-.35a2.01 2.01 0 0 0-1.67-1c-1.077-.074-1.771.49-1.766 1.433a1.3 1.3 0 0 0 .153.666c.237.49.677.784 2.059 1.383c2.544 1.095 3.636 1.817 4.31 2.843a5.16 5.16 0 0 1 .416 4.333a4.76 4.76 0 0 1-3.932 2.815a11 11 0 0 1-2.708-.028a6.53 6.53 0 0 1-3.616-1.884a6.3 6.3 0 0 1-.926-1.371a3 3 0 0 1 .327-.208c.158-.09.756-.434 1.32-.761l1.024-.6l.214.312a4.8 4.8 0 0 0 1.35 1.292a3.3 3.3 0 0 0 3.458-.175a1.545 1.545 0 0 0 .2-1.974c-.276-.395-.84-.727-2.443-1.422a8.8 8.8 0 0 1-3.349-2.055a4.7 4.7 0 0 1-.976-1.777a7.1 7.1 0 0 1-.062-2.268a4.33 4.33 0 0 1 3.644-3.374a9 9 0 0 1 2.691.084m-8.343 1.483l.011 1.454h-4.63v13.148H7.6V11.183H2.97V9.755a14 14 0 0 1 .04-1.466c.017-.023 2.832-.034 6.245-.028l6.211.017Z'/%3E%3C/svg%3E")}:where(.i-vscode-icons\:file-type-vue){display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%2341b883' d='M24.4 3.925H30l-14 24.15L2 3.925h10.71l3.29 5.6l3.22-5.6Z'/%3E%3Cpath fill='%2341b883' d='m2 3.925l14 24.15l14-24.15h-5.6L16 18.415L7.53 3.925Z'/%3E%3Cpath fill='%2335495e' d='M7.53 3.925L16 18.485l8.4-14.56h-5.18L16 9.525l-3.29-5.6Z'/%3E%3C/svg%3E")}}</style><link rel="preload" as="fetch" crossorigin="anonymous" href="/_payload.json?f9627208-7660-4168-9e5e-0167868a2a80"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/D6FEJ6Gr.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/C10Ni3-t.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DGj7UjOO.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DmU8a-14.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CKAO4zjB.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/C3a90JtF.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/NvwZyM8-.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CDI87FsL.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Cy29rc7c.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Dlqhh4a_.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BjgqK61G.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/B2XTU9mu.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DuC21Kk3.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DU-IOBtV.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DP6o_zev.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BDmG681R.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/D2DVW8S8.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/C1abiIP9.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/AqXSAW3i.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Dv_eCkc-.js"><link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/f9627208-7660-4168-9e5e-0167868a2a80.json"><link rel="prefetch" as="style" crossorigin href="/_nuxt/index.BXnHI_WJ.css"><link rel="prefetch" as="script" crossorigin href="/_nuxt/BgUGlEkF.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/BCIpD2zZ.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/CqkleIqs.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/CPYEgJZy.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/DpMbNlVT.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/CStxRRYo.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/B6WFHpSK.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/BcoM21Dg.js"><meta name="theme-color" content="#020420"><link rel="icon" type="image/png" href="/icon.png"><meta property="og:site_name" content="Nuxt"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="nuxt_js"><script type="text/javascript" data-hid="prehydrate-template-banner"> if (localStorage.getItem('banner-mastering-nuxt-2025-early-bird') === 'true') { document.querySelector('html').classList.add('hide-banner') }</script><meta property="og:title" content="Nuxt: The Progressive Web Framework"><meta name="description" content="Create high-quality web applications with Nuxt, the open source framework that makes full-stack development with Vue.js intuitive."><meta property="og:description" content="Create high-quality web applications with Nuxt, the open source framework that makes full-stack development with Vue.js intuitive."><meta property="og:image" content="/new-social.jpg"><meta name="twitter:image" content="/new-social.jpg"><script type="module" src="/_nuxt/D6FEJ6Gr.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"dark";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:Infinity% auto;transform:scaleX(0%);transform-origin:left;transition:transform 0.1s, height 0.4s, opacity 0.4s;z-index:999999;"></div><div class="banner relative z-50 w-full transition-colors bg-(--ui-primary) hover:bg-(--ui-primary)/90" data-v-ee822406><a href="https://masteringnuxt.com/2025?utm_source=nuxt-website&utm_medium=banner" tabindex="-1" rel="noopener noreferrer" aria-label="Mastering Nuxt: Full Stack Unleashed - 24H Early Bird available" class="focus:outline-none"><span class="absolute inset-0" aria-hidden="true" data-v-ee822406></span></a><div class="max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between gap-3 h-12" data-v-ee822406><div class="hidden lg:flex-1 lg:flex lg:items-center" data-v-ee822406></div><div class="flex items-center gap-1.5 min-w-0" data-v-ee822406><span class="iconify i-lucide:school size-5 shrink-0 text-(--ui-bg) pointer-events-none" aria-hidden="true" style="" data-v-ee822406></span><div class="text-sm text-(--ui-bg) font-medium truncate" data-v-ee822406>Mastering Nuxt: Full Stack Unleashed - 24H Early Bird available</div><div class="flex gap-1.5 shrink-0 isolate" data-v-ee822406><a href="https://masteringnuxt.com/2025?utm_source=nuxt-website&utm_medium=banner" rel="noopener noreferrer" data-v-ee822406 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="truncate">Get offer</span><span class="iconify i-lucide:arrow-right shrink-0 size-4" aria-hidden="true" style=""></span></a></div></div><div class="lg:flex-1 flex items-center justify-end" data-v-ee822406><button type="button" aria-label="Close" data-v-ee822406 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5 text-(--ui-bg) hover:bg-(--ui-bg)/10 focus-visible:bg-(--ui-bg)/10 -me-1.5 lg:me-0"><span class="iconify i-lucide:x shrink-0 size-5" aria-hidden="true" style=""></span></button></div></div></div><header class="bg-(--ui-bg)/75 backdrop-blur border-b border-(--ui-border) h-(--ui-header-height) sticky top-0 z-50"><div class="max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between gap-3 h-full"><div class="lg:flex-1 flex items-center gap-1.5"><a aria-current="page" href="/" class="router-link-active router-link-exact-active flex gap-2 items-end" aria-label="Back to home" data-state="closed" style="webkit-touch-callout:none;pointer-events:auto;"><svg class="text-(--ui-text-highlighted) block w-auto h-6" width="800" height="200" viewbox="0 0 800 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M377 200C379.16 200 381 198.209 381 196V103C381 103 386 112 395 127L434 194C435.785 197.74 439.744 200 443 200H470V50H443C441.202 50 439 51.4941 439 54V148L421 116L385 55C383.248 51.8912 379.479 50 376 50H350V200H377Z" fill="currentColor"></path><path d="M726 92H739C742.314 92 745 89.3137 745 86V60H773V92H800V116H773V159C773 169.5 778.057 174 787 174H800V200H783C759.948 200 745 185.071 745 160V116H726V92Z" fill="currentColor"></path><path d="M591 92V154C591 168.004 585.742 179.809 578 188C570.258 196.191 559.566 200 545 200C530.434 200 518.742 196.191 511 188C503.389 179.809 498 168.004 498 154V92H514C517.412 92 520.769 92.622 523 95C525.231 97.2459 526 98.5652 526 102V154C526 162.059 526.457 167.037 530 171C533.543 174.831 537.914 176 545 176C552.217 176 555.457 174.831 559 171C562.543 167.037 563 162.059 563 154V102C563 98.5652 563.769 96.378 566 94C567.96 91.9107 570.028 91.9599 573 92C573.411 92.0055 574.586 92 575 92H591Z" fill="currentColor"></path><path d="M676 144L710 92H684C680.723 92 677.812 93.1758 676 96L660 120L645 97C643.188 94.1758 639.277 92 636 92H611L645 143L608 200H634C637.25 200 640.182 196.787 642 194L660 167L679 195C680.818 197.787 683.75 200 687 200H713L676 144Z" fill="currentColor"></path><path d="M168 200H279C282.542 200 285.932 198.756 289 197C292.068 195.244 295.23 193.041 297 190C298.77 186.959 300.002 183.51 300 179.999C299.998 176.488 298.773 173.04 297 170.001L222 41C220.23 37.96 218.067 35.7552 215 34C211.933 32.2448 207.542 31 204 31C200.458 31 197.067 32.2448 194 34C190.933 35.7552 188.77 37.96 187 41L168 74L130 9.99764C128.228 6.95784 126.068 3.75491 123 2C119.932 0.245087 116.542 0 113 0C109.458 0 106.068 0.245087 103 2C99.9323 3.75491 96.7717 6.95784 95 9.99764L2 170.001C0.226979 173.04 0.00154312 176.488 1.90993e-06 179.999C-0.0015393 183.51 0.229648 186.959 2 190C3.77035 193.04 6.93245 195.244 10 197C13.0675 198.756 16.4578 200 20 200H90C117.737 200 137.925 187.558 152 164L186 105L204 74L259 168H186L168 200ZM89 168H40L113 42L150 105L125.491 147.725C116.144 163.01 105.488 168 89 168Z" fill="#00DC82"></path></svg><span class="inline-flex items-center px-1.5 py-1 gap-1 bg-(--ui-primary)/10 text-(--ui-primary) ring ring-inset ring-(--ui-primary)/25 -mb-[2px] rounded font-semibold text-[12px]/3" data-state="closed" data-grace-area-trigger> v3.16</span></a></div><div class="hidden lg:flex"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" data-reka-navigation-menu data-collapsed="false" class="relative flex gap-1.5 [&>div]:min-w-0 items-center justify-between"><div style="position:relative;"><ul class="isolate min-w-0 flex items-center" data-orientation="horizontal"><li data-menu-item class="min-w-0 py-2"><a href="/docs" class="group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-(--ui-primary) px-2.5 py-1.5 before:inset-x-px before:inset-y-0 text-(--ui-text-muted) hover:text-(--ui-text-highlighted) transition-colors data-[state=open]:text-(--ui-text-highlighted)" id data-state="closed" data-navigation-menu-trigger aria-expanded="false" aria-controls active="false" data-reka-collection-item><span class="iconify i-lucide:book-marked shrink-0 size-5 text-(--ui-text-dimmed) group-hover:text-(--ui-text) transition-colors group-data-[state=open]:text-(--ui-text) hidden" aria-hidden="true" style=""></span><span class="truncate">Docs</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style=""></span></span></a></li><li data-menu-item class="min-w-0 py-2"><a href="/modules" class="group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-(--ui-primary) px-2.5 py-1.5 before:inset-x-px before:inset-y-0 text-(--ui-text-muted) hover:text-(--ui-text-highlighted) transition-colors data-[state=open]:text-(--ui-text-highlighted)" id data-state="closed" data-navigation-menu-trigger aria-expanded="false" aria-controls active="false" data-reka-collection-item><span class="iconify i-lucide:unplug shrink-0 size-5 text-(--ui-text-dimmed) group-hover:text-(--ui-text) transition-colors group-data-[state=open]:text-(--ui-text) hidden" aria-hidden="true" style=""></span><span class="truncate">Integrations</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style=""></span></span></a></li><li data-menu-item class="min-w-0 py-2"><a href="/templates" class="group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-(--ui-primary) px-2.5 py-1.5 before:inset-x-px before:inset-y-0 text-(--ui-text-muted) hover:text-(--ui-text-highlighted) transition-colors data-[state=open]:text-(--ui-text-highlighted)" id data-state="closed" data-navigation-menu-trigger aria-expanded="false" aria-controls active="false" data-reka-collection-item><span class="iconify i-lucide:library shrink-0 size-5 text-(--ui-text-dimmed) group-hover:text-(--ui-text) transition-colors group-data-[state=open]:text-(--ui-text) hidden" aria-hidden="true" style=""></span><span class="truncate">Resources</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style=""></span></span></a></li><li data-menu-item class="min-w-0 py-2"><button type="button" class="group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-(--ui-primary) px-2.5 py-1.5 before:inset-x-px before:inset-y-0 text-(--ui-text-muted) hover:text-(--ui-text-highlighted) transition-colors data-[state=open]:text-(--ui-text-highlighted)" id data-state="closed" data-navigation-menu-trigger aria-expanded="false" aria-controls data-reka-collection-item><span class="iconify i-lucide:sparkle shrink-0 size-5 text-(--ui-text-dimmed) group-hover:text-(--ui-text) transition-colors group-data-[state=open]:text-(--ui-text) hidden" aria-hidden="true" style=""></span><span class="truncate">Products</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style=""></span></span></button></li><li data-menu-item class="min-w-0 py-2"><a href="/enterprise" class="group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-(--ui-primary) px-2.5 py-1.5 before:inset-x-px before:inset-y-0 text-(--ui-text-muted) hover:text-(--ui-text-highlighted) transition-colors data-[state=open]:text-(--ui-text-highlighted)" id data-state="closed" data-navigation-menu-trigger aria-expanded="false" aria-controls data-reka-collection-item><span class="iconify i-lucide:building-2 shrink-0 size-5 text-(--ui-text-dimmed) group-hover:text-(--ui-text) transition-colors group-data-[state=open]:text-(--ui-text) hidden" aria-hidden="true" style=""></span><span class="truncate">Enterprise</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style=""></span></span></a></li><li data-menu-item class="min-w-0 py-2"><a href="/blog" class="group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-(--ui-primary) px-2.5 py-1.5 before:inset-x-px before:inset-y-0 text-(--ui-text-muted) hover:text-(--ui-text-highlighted) transition-colors data-[state=open]:text-(--ui-text-highlighted)" data-reka-collection-item><span class="iconify i-lucide:newspaper shrink-0 size-5 text-(--ui-text-dimmed) group-hover:text-(--ui-text) transition-colors group-data-[state=open]:text-(--ui-text) hidden" aria-hidden="true" style=""></span><span class="truncate">Blog</span></a></li></ul></div><div class="absolute top-full left-0 flex w-full justify-center"></div></nav></div><div class="flex items-center justify-end lg:flex-1 gap-1.5"><button type="button" aria-label="Search..." data-state="closed" data-grace-area-trigger class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-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:search shrink-0 size-5" aria-hidden="true" style=""></span></button><div class="size-8"></div><a href="https://go.nuxt.com/github" rel="noopener noreferrer" target="_blank" data-state="closed" data-grace-area-trigger class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><span class="iconify i-simple-icons:github shrink-0 size-5" aria-hidden="true" style=""></span><span class="sr-only">Nuxt on GitHub</span></a><button type="button" aria-label="Open menu" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-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 -me-1.5"><span class="iconify i-lucide:menu shrink-0 size-5" aria-hidden="true" style=""></span></button></div></div></header><main class="min-h-[calc(100vh-var(--ui-header-height))] relative"><svg viewbox="0 0 1440 181" fill="none" xmlns="http://www.w3.org/2000/svg" class="pointer-events-none absolute w-full -top-px transition-all text-(--ui-primary) shrink-0 -z-10 opacity-0 duration-1000"><mask id="path-1-inside-1_414_5526" fill="white"><path d="M0 0H1440V181H0V0Z"></path></mask><path d="M0 0H1440V181H0V0Z" fill="url(#paint0_linear_414_5526)" fill-opacity="0.22"></path><path d="M0 2H1440V-2H0V2Z" fill="url(#paint1_linear_414_5526)" mask="url(#path-1-inside-1_414_5526)"></path><defs><linearGradient id="paint0_linear_414_5526" x1="720" y1="0" x2="720" y2="181" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor"></stop><stop offset="1" stop-color="currentColor" stop-opacity="0"></stop></linearGradient><linearGradient id="paint1_linear_414_5526" x1="0" y1="90.5" x2="1440" y2="90.5" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor" stop-opacity="0"></stop><stop offset="0.395" stop-color="currentColor"></stop><stop offset="1" stop-color="currentColor" stop-opacity="0"></stop></linearGradient></defs></svg><div><div data-orientation="horizontal" class="isolate relative"><div class="max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:grid gap-16 sm:gap-y-24 lg:grid-cols-2 lg:items-center !pb-20 py-24 sm:py-32 lg:py-40"><div class="lg:min-h-[540px]"><div class="mb-4"><a href="/blog/nuxt-ui-v3" class=""><span class="inline-flex items-center text-sm py-1 gap-1.5 bg-(--ui-primary)/10 text-(--ui-primary) ring ring-inset ring-(--ui-primary)/25 px-3 relative rounded-full font-semibold dark:hover:bg-primary-400/15 dark:hover:ring-primary-700">Nuxt UI v3 is out <span class="iconify i-lucide:arrow-right size-4 pointer-events-none" aria-hidden="true" style=""></span></span></a></div><h1 class="text-pretty tracking-tight font-bold text-(--ui-text-highlighted) text-5xl sm:text-7xl"> The Progressive<br><span class="text-(--ui-primary)">Web Framework</span></h1><div class="text-lg sm:text-xl/8 text-(--ui-text-muted) text-pretty mt-6"><div class="">Create high-quality web applications with Nuxt, the open source framework that makes full-stack development with Vue.js intuitive.</div></div><div class="mt-10 flex flex-wrap gap-x-6 gap-y-3"><div class="flex flex-col gap-4"><div class="flex items-center flex-wrap gap-2"><a href="/docs/getting-started/installation" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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-(--ui-bg) bg-(--ui-primary) hover:bg-(--ui-primary)/75 disabled:bg-(--ui-primary) aria-disabled:bg-(--ui-primary) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary)"> Get started </a><button type="button" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg-elevated) hover:bg-(--ui-bg-accented)/75 disabled:bg-(--ui-bg-elevated) aria-disabled:bg-(--ui-bg-elevated) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"> Nuxt in 100 seconds <span class="iconify i-lucide:play-circle shrink-0 size-6" aria-hidden="true" style=""></span></button></div><label><div class="relative inline-flex items-center w-full"><input type="text" value="npm create nuxt@latest" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-3 py-2 text-base gap-2 text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary) ps-11 pe-11" disabled autocomplete="off"><div class="absolute inset-0 cursor-copy"></div><span class="absolute inset-y-0 start-0 flex items-center ps-3"><span class="iconify i-lucide:terminal shrink-0 text-(--ui-text-dimmed) size-6" aria-hidden="true" style=""></span></span><span class="absolute inset-y-0 end-0 flex items-center pe-3"><button type="button" padded="false" aria-label="copy button" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-(--ui-text-muted) hover:text-(--ui-text) disabled:text-(--ui-text-muted) aria-disabled:text-(--ui-text-muted) focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted) p-1.5 cursor-copy"><span class="iconify i-lucide:copy shrink-0 size-5" aria-hidden="true" style=""></span></button></span></div></label></div></div></div><div data-orientation="vertical" class="relative flex bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) overflow-auto lg:absolute [@media(min-width:2400px)]:relative lg:-mt-16 [@media(min-width:2400px)]:mt-8 right-0 [@media(min-width:2400px)]:right-auto w-screen lg:w-[calc(50%-2rem)] [@media(min-width:2400px)]:w-full max-w-[800px] [@media(min-width:2400px)]:mx-auto rounded-none lg:rounded-l-[calc(var(--ui-radius)*4)] [@media(min-width:2400px)]:rounded-[calc(var(--ui-radius)*4)] -mx-4 sm:-mx-6 lg:mx-0" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 sm:pt-4.5 lg:pr-0 [@media(min-width:2400px)]:px-6 w-full"><div dir="ltr" data-orientation="horizontal" class="flex items-center gap-2 flex-col"><div role="tablist" aria-orientation="horizontal" tabindex="-1" data-orientation="horizontal" dir="ltr" style="outline:none;" class="relative flex p-1 group rounded-[calc(var(--ui-radius)*2)] w-full px-0 bg-transparent lg:pr-4 overflow-x-auto"><button id="reka-tabs-v-0-17-0-trigger-0" role="tab" type="button" aria-selected="true" aria-controls="reka-tabs-v-0-17-0-content-0" data-state="active" data-orientation="horizontal" tabindex="-1" data-active="true" class="group relative inline-flex items-center min-w-0 data-[state=inactive]:text-(--ui-text-muted) hover:data-[state=inactive]:not-disabled:text-(--ui-text) font-medium rounded-[calc(var(--ui-radius)*1.5)] disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden transition-colors flex-1 w-full justify-center px-3 py-1.5 text-sm gap-1.5 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary) group data-[state=active]:text-(--ui-text-highlighted)" data-reka-collection-item><span class="iconify i-lucide:leaf shrink-0 group-data-[state=active]:text-(--ui-primary) size-4 hidden sm:inline-flex" aria-hidden="true" style=""></span><span class="truncate">Minimal</span></button><button id="reka-tabs-v-0-17-0-trigger-1" role="tab" type="button" aria-selected="false" aria-controls="reka-tabs-v-0-17-0-content-1" data-state="inactive" data-orientation="horizontal" tabindex="-1" data-active="false" class="group relative inline-flex items-center min-w-0 data-[state=inactive]:text-(--ui-text-muted) hover:data-[state=inactive]:not-disabled:text-(--ui-text) font-medium rounded-[calc(var(--ui-radius)*1.5)] disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden transition-colors flex-1 w-full justify-center px-3 py-1.5 text-sm gap-1.5 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary) group data-[state=active]:text-(--ui-text-highlighted)" data-reka-collection-item><span class="iconify i-lucide:milestone shrink-0 group-data-[state=active]:text-(--ui-primary) size-4 hidden sm:inline-flex" aria-hidden="true" style=""></span><span class="truncate">Routing</span></button><button id="reka-tabs-v-0-17-0-trigger-2" role="tab" type="button" aria-selected="false" aria-controls="reka-tabs-v-0-17-0-content-2" data-state="inactive" data-orientation="horizontal" tabindex="-1" data-active="false" class="group relative inline-flex items-center min-w-0 data-[state=inactive]:text-(--ui-text-muted) hover:data-[state=inactive]:not-disabled:text-(--ui-text) font-medium rounded-[calc(var(--ui-radius)*1.5)] disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden transition-colors flex-1 w-full justify-center px-3 py-1.5 text-sm gap-1.5 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary) group data-[state=active]:text-(--ui-text-highlighted)" data-reka-collection-item><span class="iconify i-lucide:unplug shrink-0 group-data-[state=active]:text-(--ui-primary) size-4 hidden sm:inline-flex" aria-hidden="true" style=""></span><span class="truncate">Data Fetching</span></button><button id="reka-tabs-v-0-17-0-trigger-3" role="tab" type="button" aria-selected="false" aria-controls="reka-tabs-v-0-17-0-content-3" data-state="inactive" data-orientation="horizontal" tabindex="-1" data-active="false" class="group relative inline-flex items-center min-w-0 data-[state=inactive]:text-(--ui-text-muted) hover:data-[state=inactive]:not-disabled:text-(--ui-text) font-medium rounded-[calc(var(--ui-radius)*1.5)] disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden transition-colors flex-1 w-full justify-center px-3 py-1.5 text-sm gap-1.5 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary) group data-[state=active]:text-(--ui-text-highlighted)" data-reka-collection-item><span class="iconify i-lucide:wand-sparkles shrink-0 group-data-[state=active]:text-(--ui-primary) size-4 hidden sm:inline-flex" aria-hidden="true" style=""></span><span class="truncate">Auto-Imports</span></button><button id="reka-tabs-v-0-17-0-trigger-4" role="tab" type="button" aria-selected="false" aria-controls="reka-tabs-v-0-17-0-content-4" data-state="inactive" data-orientation="horizontal" tabindex="-1" data-active="false" class="group relative inline-flex items-center min-w-0 data-[state=inactive]:text-(--ui-text-muted) hover:data-[state=inactive]:not-disabled:text-(--ui-text) font-medium rounded-[calc(var(--ui-radius)*1.5)] disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden transition-colors flex-1 w-full justify-center px-3 py-1.5 text-sm gap-1.5 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary) group data-[state=active]:text-(--ui-text-highlighted)" data-reka-collection-item><span class="iconify i-lucide:pc-case shrink-0 group-data-[state=active]:text-(--ui-primary) size-4 hidden sm:inline-flex" aria-hidden="true" style=""></span><span class="truncate">API Routes</span></button></div><div id="reka-tabs-v-0-17-0-content-0" role="tabpanel" data-state="active" data-orientation="horizontal" aria-labelledby="reka-tabs-v-0-17-0-trigger-0" tabindex="0" style="animation-duration:0s;" class="focus:outline-none w-full lg:h-[450px] bg-(--ui-bg) [@media(min-width:2400px)]:border-e [@media(min-width:2400px)]:border-(--ui-border) [@media(min-width:2400px)]:rounded-l-[calc(var(--ui-radius)*1.5)] transition-opacity duration-500 data-[state=inactive]:opacity-0 opacity-100"><div class=""><div class="relative lg:h-[450px] grid lg:grid-cols-3 border border-(--ui-border-muted) rounded-[calc(var(--ui-radius)*1.5)] bg-(--ui-bg) m-0 lg:rounded-r-none lg:border-r-0 dark:[--ui-border-muted:var(--color-gray-800)]"><ul role="tree" tabindex="-1" data-orientation="vertical" dir="ltr" style="outline:none;" class="isolate relative p-2 border-b lg:border-b-0 lg:border-e border-(--ui-border-muted) overflow-y-auto"><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 text-(--ui-text-highlighted) before:bg-(--ui-bg-elevated)" role="treeitem" aria-selected="true" aria-level="0" data-indent="0" data-selected data-expanded tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">app.vue</span></button></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-node size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">package.json</span></button></li></ul><div class="overflow-hidden lg:col-span-2 flex flex-col [&>div]:my-0 [&>div]:flex-1 [&>div]:flex [&>div]:flex-col [&>div>div]:border-0 [&>div>pre]:border-b-0 [&>div>pre]:border-s-0 [&>div>pre]:border-e-0 [&>div>pre]:rounded-l-none [&>div>pre]:flex-1 [&>div]:overflow-y-auto [&>div>pre]:rounded-r-none"><div class="relative group [&>pre]:rounded-t-none [&>pre]:my-0 my-5" style=""><div class="flex items-center gap-1.5 border border-(--ui-border-muted) bg-(--ui-bg) border-b-0 relative rounded-t-[calc(var(--ui-radius)*1.5)] px-4 py-3"><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="text-(--ui-text) text-sm/6">app.vue</span></div><button type="button" aria-label="Copy code to clipboard" tabindex="-1" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-xs gap-1.5 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted) p-1.5 absolute top-[11px] right-[11px] lg:opacity-0 lg:group-hover:opacity-100 transition"><span class="iconify i-lucide:copy shrink-0 size-4" aria-hidden="true" style=""></span></button><pre class="group font-mono text-sm/6 border border-(--ui-border-muted) bg-(--ui-bg-muted) rounded-[calc(var(--ui-radius)*1.5)] px-4 py-3 whitespace-pre-wrap break-words overflow-x-auto focus:outline-none language-vue shiki shiki-themes material-theme-lighter material-theme-palenight" style=""><code><span class="line" line="1"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"><</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">script</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> setup</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> lang</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#91B859;--shiki-dark:#C3E88D">ts</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="2"><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA">const</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8"> version </span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#F76D47;--shiki-dark:#F78C6C"> 3 </span></span><span class="line" line="3"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">script</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="4"><span emptylineplaceholder="true"> </span></span><span class="line" line="5"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"><</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">template</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="6"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">h1</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="7"><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8"> Hello Nuxt </span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">{{</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8"> version </span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">}}</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">! </span></span><span class="line" line="8"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> </</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">h1</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="9"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">template</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="10"><span emptylineplaceholder="true"> </span></span><span class="line" line="11"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"><</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">style</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> scoped</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="12"><span style="--shiki-default:#E2931D;--shiki-dark:#FFCB6B">h1</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> { </span></span><span class="line" line="13"><span style="--shiki-default:#8796B0;--shiki-dark:#B2CCD6"> font-size</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">:</span><span style="--shiki-default:#F76D47;--shiki-dark:#F78C6C"> 3rem</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">; </span></span><span class="line" line="14"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">} </span></span><span class="line" line="15"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">style</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span></code></pre></div></div></div><style>html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}</style></div></div><div id="reka-tabs-v-0-17-0-content-1" role="tabpanel" data-state="inactive" data-orientation="horizontal" aria-labelledby="reka-tabs-v-0-17-0-trigger-1" hidden tabindex="0" style="" class="focus:outline-none w-full lg:h-[450px] bg-(--ui-bg) [@media(min-width:2400px)]:border-e [@media(min-width:2400px)]:border-(--ui-border) [@media(min-width:2400px)]:rounded-l-[calc(var(--ui-radius)*1.5)] transition-opacity duration-500 data-[state=inactive]:opacity-0 opacity-100"><div class=""><div class="relative lg:h-[450px] grid lg:grid-cols-3 border border-(--ui-border-muted) rounded-[calc(var(--ui-radius)*1.5)] bg-(--ui-bg) m-0 lg:rounded-r-none lg:border-r-0 dark:[--ui-border-muted:var(--color-gray-800)]"><ul role="tree" tabindex="-1" data-orientation="vertical" dir="ltr" style="outline:none;" class="isolate relative p-2 border-b lg:border-b-0 lg:border-e border-(--ui-border-muted) overflow-y-auto"><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-expanded="true" aria-level="0" data-indent="0" data-expanded tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-lucide:folder-open size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">pages</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180" aria-hidden="true" style=""></span></span></button><ul class="ms-4.5 border-s border-(--ui-border)"><li class="ps-1.5 -ms-px"><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-expanded="false" aria-level="1" data-indent="1" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-lucide:folder size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">blog</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180" aria-hidden="true" style=""></span></span></button></li><li class="ps-1.5 -ms-px"><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 text-(--ui-text-highlighted) before:bg-(--ui-bg-elevated)" role="treeitem" aria-selected="true" aria-level="1" data-indent="1" data-selected data-expanded tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">index.vue</span></button></li></ul></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">app.vue</span></button></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-node size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">package.json</span></button></li></ul><div class="overflow-hidden lg:col-span-2 flex flex-col [&>div]:my-0 [&>div]:flex-1 [&>div]:flex [&>div]:flex-col [&>div>div]:border-0 [&>div>pre]:border-b-0 [&>div>pre]:border-s-0 [&>div>pre]:border-e-0 [&>div>pre]:rounded-l-none [&>div>pre]:flex-1 [&>div]:overflow-y-auto [&>div>pre]:rounded-r-none"><div class="relative group [&>pre]:rounded-t-none [&>pre]:my-0 my-5" style=""><div class="flex items-center gap-1.5 border border-(--ui-border-muted) bg-(--ui-bg) border-b-0 relative rounded-t-[calc(var(--ui-radius)*1.5)] px-4 py-3"><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="text-(--ui-text) text-sm/6">pages/index.vue</span></div><button type="button" aria-label="Copy code to clipboard" tabindex="-1" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-xs gap-1.5 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted) p-1.5 absolute top-[11px] right-[11px] lg:opacity-0 lg:group-hover:opacity-100 transition"><span class="iconify i-lucide:copy shrink-0 size-4" aria-hidden="true" style=""></span></button><pre class="group font-mono text-sm/6 border border-(--ui-border-muted) bg-(--ui-bg-muted) rounded-[calc(var(--ui-radius)*1.5)] px-4 py-3 whitespace-pre-wrap break-words overflow-x-auto focus:outline-none language-vue shiki shiki-themes material-theme-lighter material-theme-palenight" style=""><code><span class="line" line="1"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"><</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">template</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="2"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">h1</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">></span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">Index page</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">h1</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="3"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">NuxtLink</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> to</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#91B859;--shiki-dark:#C3E88D">/blog/hello-world</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="4"><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8"> Go to blog post </span></span><span class="line" line="5"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> </</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">NuxtLink</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="6"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">template</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span></code></pre></div></div></div><style>html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}</style></div></div><div id="reka-tabs-v-0-17-0-content-2" role="tabpanel" data-state="inactive" data-orientation="horizontal" aria-labelledby="reka-tabs-v-0-17-0-trigger-2" hidden tabindex="0" style="" class="focus:outline-none w-full lg:h-[450px] bg-(--ui-bg) [@media(min-width:2400px)]:border-e [@media(min-width:2400px)]:border-(--ui-border) [@media(min-width:2400px)]:rounded-l-[calc(var(--ui-radius)*1.5)] transition-opacity duration-500 data-[state=inactive]:opacity-0 opacity-100"><div class=""><div class="relative lg:h-[450px] grid lg:grid-cols-3 border border-(--ui-border-muted) rounded-[calc(var(--ui-radius)*1.5)] bg-(--ui-bg) m-0 lg:rounded-r-none lg:border-r-0 dark:[--ui-border-muted:var(--color-gray-800)]"><ul role="tree" tabindex="-1" data-orientation="vertical" dir="ltr" style="outline:none;" class="isolate relative p-2 border-b lg:border-b-0 lg:border-e border-(--ui-border-muted) overflow-y-auto"><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-expanded="true" aria-level="0" data-indent="0" data-expanded tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-lucide:folder-open size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">pages</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180" aria-hidden="true" style=""></span></span></button><ul class="ms-4.5 border-s border-(--ui-border)"><li class="ps-1.5 -ms-px"><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-expanded="false" aria-level="1" data-indent="1" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-lucide:folder size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">blog</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180" aria-hidden="true" style=""></span></span></button></li><li class="ps-1.5 -ms-px"><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 text-(--ui-text-highlighted) before:bg-(--ui-bg-elevated)" role="treeitem" aria-selected="true" aria-level="1" data-indent="1" data-selected data-expanded tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">index.vue</span></button></li></ul></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">app.vue</span></button></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-node size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">package.json</span></button></li></ul><div class="overflow-hidden lg:col-span-2 flex flex-col [&>div]:my-0 [&>div]:flex-1 [&>div]:flex [&>div]:flex-col [&>div>div]:border-0 [&>div>pre]:border-b-0 [&>div>pre]:border-s-0 [&>div>pre]:border-e-0 [&>div>pre]:rounded-l-none [&>div>pre]:flex-1 [&>div]:overflow-y-auto [&>div>pre]:rounded-r-none"><div class="relative group [&>pre]:rounded-t-none [&>pre]:my-0 my-5" style=""><div class="flex items-center gap-1.5 border border-(--ui-border-muted) bg-(--ui-bg) border-b-0 relative rounded-t-[calc(var(--ui-radius)*1.5)] px-4 py-3"><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="text-(--ui-text) text-sm/6">pages/index.vue</span></div><button type="button" aria-label="Copy code to clipboard" tabindex="-1" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-xs gap-1.5 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted) p-1.5 absolute top-[11px] right-[11px] lg:opacity-0 lg:group-hover:opacity-100 transition"><span class="iconify i-lucide:copy shrink-0 size-4" aria-hidden="true" style=""></span></button><pre class="group font-mono text-sm/6 border border-(--ui-border-muted) bg-(--ui-bg-muted) rounded-[calc(var(--ui-radius)*1.5)] px-4 py-3 whitespace-pre-wrap break-words overflow-x-auto focus:outline-none language-vue shiki shiki-themes material-theme-lighter material-theme-palenight" style=""><code><span class="line" line="1"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"><</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">script</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> setup</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> lang</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#91B859;--shiki-dark:#C3E88D">ts</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="2"><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA">const</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> {</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8"> data </span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">}</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> =</span><span style="--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic"> await</span><span style="--shiki-default:#6182B8;--shiki-dark:#82AAFF"> useFetch</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">(</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">'</span><span style="--shiki-default:#91B859;--shiki-dark:#C3E88D">/api/cms/home</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">'</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">) </span></span><span class="line" line="3"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">script</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="4"><span emptylineplaceholder="true"> </span></span><span class="line" line="5"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"><</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">template</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="6"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">h1</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">>{{</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8"> page</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">.</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">title </span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">}}</</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">h1</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="7"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">NuxtLink</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> to</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#91B859;--shiki-dark:#C3E88D">/blog/hello-world</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="8"><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8"> Go to blog post </span></span><span class="line" line="9"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> </</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">NuxtLink</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="10"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">template</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span></code></pre></div></div></div><style>html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}</style></div></div><div id="reka-tabs-v-0-17-0-content-3" role="tabpanel" data-state="inactive" data-orientation="horizontal" aria-labelledby="reka-tabs-v-0-17-0-trigger-3" hidden tabindex="0" style="" class="focus:outline-none w-full lg:h-[450px] bg-(--ui-bg) [@media(min-width:2400px)]:border-e [@media(min-width:2400px)]:border-(--ui-border) [@media(min-width:2400px)]:rounded-l-[calc(var(--ui-radius)*1.5)] transition-opacity duration-500 data-[state=inactive]:opacity-0 opacity-100"><div class=""><div class="relative lg:h-[450px] grid lg:grid-cols-3 border border-(--ui-border-muted) rounded-[calc(var(--ui-radius)*1.5)] bg-(--ui-bg) m-0 lg:rounded-r-none lg:border-r-0 dark:[--ui-border-muted:var(--color-gray-800)]"><ul role="tree" tabindex="-1" data-orientation="vertical" dir="ltr" style="outline:none;" class="isolate relative p-2 border-b lg:border-b-0 lg:border-e border-(--ui-border-muted) overflow-y-auto"><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-expanded="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-lucide:folder size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">components</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180" aria-hidden="true" style=""></span></span></button></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-expanded="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-lucide:folder size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">composables</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180" aria-hidden="true" style=""></span></span></button></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 text-(--ui-text-highlighted) before:bg-(--ui-bg-elevated)" role="treeitem" aria-selected="true" aria-level="0" data-indent="0" data-selected data-expanded tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">app.vue</span></button></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-node size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">package.json</span></button></li></ul><div class="overflow-hidden lg:col-span-2 flex flex-col [&>div]:my-0 [&>div]:flex-1 [&>div]:flex [&>div]:flex-col [&>div>div]:border-0 [&>div>pre]:border-b-0 [&>div>pre]:border-s-0 [&>div>pre]:border-e-0 [&>div>pre]:rounded-l-none [&>div>pre]:flex-1 [&>div]:overflow-y-auto [&>div>pre]:rounded-r-none"><div class="relative group [&>pre]:rounded-t-none [&>pre]:my-0 my-5" style=""><div class="flex items-center gap-1.5 border border-(--ui-border-muted) bg-(--ui-bg) border-b-0 relative rounded-t-[calc(var(--ui-radius)*1.5)] px-4 py-3"><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="text-(--ui-text) text-sm/6">app.vue</span></div><button type="button" aria-label="Copy code to clipboard" tabindex="-1" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-xs gap-1.5 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted) p-1.5 absolute top-[11px] right-[11px] lg:opacity-0 lg:group-hover:opacity-100 transition"><span class="iconify i-lucide:copy shrink-0 size-4" aria-hidden="true" style=""></span></button><pre class="group font-mono text-sm/6 border border-(--ui-border-muted) bg-(--ui-bg-muted) rounded-[calc(var(--ui-radius)*1.5)] px-4 py-3 whitespace-pre-wrap break-words overflow-x-auto focus:outline-none language-vue shiki shiki-themes material-theme-lighter material-theme-palenight" style=""><code><span class="line" line="1"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"><</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">script</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> setup</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="2"><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA">const</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8"> message </span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#6182B8;--shiki-dark:#82AAFF"> ref</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">(</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">'</span><span style="--shiki-default:#91B859;--shiki-dark:#C3E88D">Nuxt</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">'</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">) </span></span><span class="line" line="3"><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA">const</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8"> hello </span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> ()</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> =></span><span style="--shiki-default:#6182B8;--shiki-dark:#82AAFF"> sayHello</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">(message</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">.</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">value) </span></span><span class="line" line="4"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">script</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="5"><span emptylineplaceholder="true"> </span></span><span class="line" line="6"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"><</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">template</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="7"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">main</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="8"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">h1</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">></span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">Demo with auto imports</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">h1</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="9"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">form</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> @</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA">submit</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">.</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA">prevent</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">hello</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="10"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">MyInput</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> v-model</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">message</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> /> </span></span><span class="line" line="11"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> <</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">button</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> type</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">=</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#91B859;--shiki-dark:#C3E88D">submit</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">"</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">></span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">Say Hello</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">button</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="12"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> </</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">form</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="13"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> </</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">main</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span><span class="line" line="14"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"></</span><span style="--shiki-default:#E53935;--shiki-dark:#F07178">template</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">> </span></span></code></pre></div></div></div><style>html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}</style></div></div><div id="reka-tabs-v-0-17-0-content-4" role="tabpanel" data-state="inactive" data-orientation="horizontal" aria-labelledby="reka-tabs-v-0-17-0-trigger-4" hidden tabindex="0" style="" class="focus:outline-none w-full lg:h-[450px] bg-(--ui-bg) [@media(min-width:2400px)]:border-e [@media(min-width:2400px)]:border-(--ui-border) [@media(min-width:2400px)]:rounded-l-[calc(var(--ui-radius)*1.5)] transition-opacity duration-500 data-[state=inactive]:opacity-0 opacity-100"><div class=""><div class="relative lg:h-[450px] grid lg:grid-cols-3 border border-(--ui-border-muted) rounded-[calc(var(--ui-radius)*1.5)] bg-(--ui-bg) m-0 lg:rounded-r-none lg:border-r-0 dark:[--ui-border-muted:var(--color-gray-800)]"><ul role="tree" tabindex="-1" data-orientation="vertical" dir="ltr" style="outline:none;" class="isolate relative p-2 border-b lg:border-b-0 lg:border-e border-(--ui-border-muted) overflow-y-auto"><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-expanded="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-lucide:folder size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">pages</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180" aria-hidden="true" style=""></span></span></button></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-expanded="true" aria-level="0" data-indent="0" data-expanded tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-lucide:folder-open size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">server</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180" aria-hidden="true" style=""></span></span></button><ul class="ms-4.5 border-s border-(--ui-border)"><li class="ps-1.5 -ms-px"><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-expanded="true" aria-level="1" data-indent="1" data-expanded tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-lucide:folder-open size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">api</span><span class="ms-auto inline-flex gap-1.5 items-center"><span class="iconify i-lucide:chevron-down size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180" aria-hidden="true" style=""></span></span></button><ul class="ms-4.5 border-s border-(--ui-border)"><li class="ps-1.5 -ms-px"><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 text-(--ui-text-highlighted) before:bg-(--ui-bg-elevated)" role="treeitem" aria-selected="true" aria-level="2" data-indent="2" data-selected data-expanded tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-typescript size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">hello.ts</span></button></li></ul></li></ul></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-vue size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">app.vue</span></button></li><li class=""><button class="relative group peer w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 hover:text-(--ui-text-highlighted) hover:before:bg-(--ui-bg-elevated)/50 transition-colors before:transition-colors" role="treeitem" aria-selected="false" aria-level="0" data-indent="0" tabindex="-1" data-orientation="vertical" data-active="true" data-reka-collection-item><span class="iconify i-vscode-icons:file-type-node size-4 shrink-0" aria-hidden="true" style=""></span><span class="truncate">package.json</span></button></li></ul><div class="overflow-hidden lg:col-span-2 flex flex-col [&>div]:my-0 [&>div]:flex-1 [&>div]:flex [&>div]:flex-col [&>div>div]:border-0 [&>div>pre]:border-b-0 [&>div>pre]:border-s-0 [&>div>pre]:border-e-0 [&>div>pre]:rounded-l-none [&>div>pre]:flex-1 [&>div]:overflow-y-auto [&>div>pre]:rounded-r-none"><div class="relative group [&>pre]:rounded-t-none [&>pre]:my-0 my-5" style=""><div class="flex items-center gap-1.5 border border-(--ui-border-muted) bg-(--ui-bg) border-b-0 relative rounded-t-[calc(var(--ui-radius)*1.5)] px-4 py-3"><span class="iconify i-vscode-icons:file-type-typescript size-4 shrink-0" aria-hidden="true" style=""></span><span class="text-(--ui-text) text-sm/6">server/api/hello.ts</span></div><button type="button" aria-label="Copy code to clipboard" tabindex="-1" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 text-xs gap-1.5 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted) p-1.5 absolute top-[11px] right-[11px] lg:opacity-0 lg:group-hover:opacity-100 transition"><span class="iconify i-lucide:copy shrink-0 size-4" aria-hidden="true" style=""></span></button><pre class="group font-mono text-sm/6 border border-(--ui-border-muted) bg-(--ui-bg-muted) rounded-[calc(var(--ui-radius)*1.5)] px-4 py-3 whitespace-pre-wrap break-words overflow-x-auto focus:outline-none language-ts shiki shiki-themes material-theme-lighter material-theme-palenight" style=""><code><span class="line" line="1"><span style="--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic">export</span><span style="--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic"> default</span><span style="--shiki-default:#6182B8;--shiki-dark:#82AAFF"> defineEventHandler</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">(</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">(</span><span style="--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic">event</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">)</span><span style="--shiki-default:#9C3EDA;--shiki-dark:#C792EA"> =></span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> { </span></span><span class="line" line="2"><span style="--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic"> return</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> { </span></span><span class="line" line="3"><span style="--shiki-default:#E53935;--shiki-dark:#F07178"> message</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">:</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> '</span><span style="--shiki-default:#91B859;--shiki-dark:#C3E88D">Hello World</span><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">' </span></span><span class="line" line="4"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF"> } </span></span><span class="line" line="5"><span style="--shiki-default:#39ADB5;--shiki-dark:#89DDFF">}</span><span style="--shiki-default:#90A4AE;--shiki-dark:#BABED8">) </span></span></code></pre></div></div></div><style>html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}</style></div></div></div></div></div></div></div><section data-orientation="vertical" class="relative isolate"><div class="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 !pt-0"><div class="relative overflow-hidden"><h2 class="text-left text-(--ui-text-muted) font-medium text-lg">Chosen by leading companies worldwide</h2><div class="flex items-center shrink-0 justify-around gap-(--gap) [--gap:--spacing(16)] mt-4"><div class="opacity-0" style="opacity:0;transform:translateY(20px);"><img onerror="this.setAttribute('data-error', 1)" width="89" height="28" alt="Fielmann logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=89,h=28/assets/brands/light/fielmann.svg 1x, https://nuxt.com/cdn-cgi/image/w=178,h=56/assets/brands/light/fielmann.svg 2x" class="dark:hidden h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=89,h=28/assets/brands/light/fielmann.svg"><img onerror="this.setAttribute('data-error', 1)" width="89" height="28" alt="Fielmann logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=89,h=28/assets/brands/dark/fielmann.svg 1x, https://nuxt.com/cdn-cgi/image/w=178,h=56/assets/brands/dark/fielmann.svg 2x" class="hidden dark:block h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=89,h=28/assets/brands/dark/fielmann.svg"></div><div class="opacity-0" style="opacity:0;transform:translateY(20px);"><img onerror="this.setAttribute('data-error', 1)" width="93" height="28" alt="Dassault Systemes logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=93,h=28/assets/brands/light/dassault-systemes.svg 1x, https://nuxt.com/cdn-cgi/image/w=186,h=56/assets/brands/light/dassault-systemes.svg 2x" class="dark:hidden h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=93,h=28/assets/brands/light/dassault-systemes.svg"><img onerror="this.setAttribute('data-error', 1)" width="93" height="28" alt="Dassault Systemes logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=93,h=28/assets/brands/dark/dassault-systemes.svg 1x, https://nuxt.com/cdn-cgi/image/w=186,h=56/assets/brands/dark/dassault-systemes.svg 2x" class="hidden dark:block h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=93,h=28/assets/brands/dark/dassault-systemes.svg"></div><div class="opacity-0" style="opacity:0;transform:translateY(20px);"><img onerror="this.setAttribute('data-error', 1)" width="152" height="16" alt="Louis Vuitton logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=152,h=16/assets/brands/light/louis-vuitton.svg 1x, https://nuxt.com/cdn-cgi/image/w=304,h=32/assets/brands/light/louis-vuitton.svg 2x" class="dark:hidden h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=152,h=16/assets/brands/light/louis-vuitton.svg"><img onerror="this.setAttribute('data-error', 1)" width="152" height="16" alt="Louis Vuitton logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=152,h=16/assets/brands/dark/louis-vuitton.svg 1x, https://nuxt.com/cdn-cgi/image/w=304,h=32/assets/brands/dark/louis-vuitton.svg 2x" class="hidden dark:block h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=152,h=16/assets/brands/dark/louis-vuitton.svg"></div><div class="opacity-0" style="opacity:0;transform:translateY(20px);"><img onerror="this.setAttribute('data-error', 1)" width="161" height="18" alt="Back Market logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=161,h=18/assets/brands/light/backmarket.svg 1x, https://nuxt.com/cdn-cgi/image/w=322,h=36/assets/brands/light/backmarket.svg 2x" class="dark:hidden h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=161,h=18/assets/brands/light/backmarket.svg"><img onerror="this.setAttribute('data-error', 1)" width="161" height="18" alt="Back Market logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=161,h=18/assets/brands/dark/backmarket.svg 1x, https://nuxt.com/cdn-cgi/image/w=322,h=36/assets/brands/dark/backmarket.svg 2x" class="hidden dark:block h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=161,h=18/assets/brands/dark/backmarket.svg"></div><div class="opacity-0" style="opacity:0;transform:translateY(20px);"><img onerror="this.setAttribute('data-error', 1)" width="144" height="26" alt="Paul Smith logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=144,h=26/assets/brands/light/paul-smith.svg 1x, https://nuxt.com/cdn-cgi/image/w=288,h=52/assets/brands/light/paul-smith.svg 2x" class="dark:hidden h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=144,h=26/assets/brands/light/paul-smith.svg"><img onerror="this.setAttribute('data-error', 1)" width="144" height="26" alt="Paul Smith logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=144,h=26/assets/brands/dark/paul-smith.svg 1x, https://nuxt.com/cdn-cgi/image/w=288,h=52/assets/brands/dark/paul-smith.svg 2x" class="hidden dark:block h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=144,h=26/assets/brands/dark/paul-smith.svg"></div><div class="opacity-0" style="opacity:0;transform:translateY(20px);"><img onerror="this.setAttribute('data-error', 1)" width="136" height="28" alt="Caudalie logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=136,h=28/assets/brands/light/caudalie.svg 1x, https://nuxt.com/cdn-cgi/image/w=272,h=56/assets/brands/light/caudalie.svg 2x" class="dark:hidden h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=136,h=28/assets/brands/light/caudalie.svg"><img onerror="this.setAttribute('data-error', 1)" width="136" height="28" alt="Caudalie logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=136,h=28/assets/brands/dark/caudalie.svg 1x, https://nuxt.com/cdn-cgi/image/w=272,h=56/assets/brands/dark/caudalie.svg 2x" class="hidden dark:block h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=136,h=28/assets/brands/dark/caudalie.svg"></div><div class="opacity-0" style="opacity:0;transform:translateY(20px);"><img onerror="this.setAttribute('data-error', 1)" width="55" height="28" alt="Blizzard logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=55,h=28/assets/brands/light/blizzard.svg 1x, https://nuxt.com/cdn-cgi/image/w=110,h=56/assets/brands/light/blizzard.svg 2x" class="dark:hidden h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=55,h=28/assets/brands/light/blizzard.svg"><img onerror="this.setAttribute('data-error', 1)" width="55" height="28" alt="Blizzard logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=55,h=28/assets/brands/dark/blizzard.svg 1x, https://nuxt.com/cdn-cgi/image/w=110,h=56/assets/brands/dark/blizzard.svg 2x" class="hidden dark:block h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=55,h=28/assets/brands/dark/blizzard.svg"></div><div class="opacity-0" style="opacity:0;transform:translateY(20px);"><img onerror="this.setAttribute('data-error', 1)" width="51" height="40" alt="To Good to Go logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=51,h=40/assets/brands/light/too-good-to-go.svg 1x, https://nuxt.com/cdn-cgi/image/w=102,h=80/assets/brands/light/too-good-to-go.svg 2x" class="dark:hidden h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=51,h=40/assets/brands/light/too-good-to-go.svg"><img onerror="this.setAttribute('data-error', 1)" width="51" height="40" alt="To Good to Go logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=51,h=40/assets/brands/dark/too-good-to-go.svg 1x, https://nuxt.com/cdn-cgi/image/w=102,h=80/assets/brands/dark/too-good-to-go.svg 2x" class="hidden dark:block h-6 shrink-0 max-w-[140px]" src="https://nuxt.com/cdn-cgi/image/w=51,h=40/assets/brands/dark/too-good-to-go.svg"></div></div></div></div></section><section data-orientation="vertical" class="relative isolate bg-gradient-to-b border-t border-(--ui-border) from-(--ui-bg-muted) dark:from-(--ui-bg-muted)/40 to-(--ui-bg)"><div class="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"><div class=""><h2 class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-(--ui-text-highlighted) text-left">Enable features as you grow</h2><div class="text-base sm:text-lg text-(--ui-text-muted) text-balance mt-6 text-left">Nuxt grows and adapts with your needs while providing an exceptional developer experience. Build anything from simple landing pages to complex web applications that scale for teams of hundreds of developers. We've designed Nuxt to be approachable for developers of all skill levels.</div><ul class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8 mt-16 xl:grid-cols-4 lg:gap-10"><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:sparkles size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Zero Configuration</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Start coding with Vue or Typescript immediately — Nuxt handles all the setup for you.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:file-code-2 size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Rendering Modes</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Server-side rendering, client-side rendering, static-site generation, you decide, up to the page level.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:milestone size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Routing & Layouts</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Use our file-based routing system to build complex url-based views while reusing components for performance.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:unplug size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Data Fetching</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Make your Vue component async and await your data. Nuxt provides powerful composables for universal data fetching.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:bug size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Error Handling</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Catch errors in your application with our built-in handlers and custom error pages.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:flip-horizontal size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Transitions</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Implement smooth transitions between layouts, pages, and components.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:image size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Assets & Style</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Benefit from automatic image, font, and script optimizations with built-in support.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:file-search size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">SEO & Meta Tags</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Create production-ready applications that are fully indexable by search engines.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:puzzle size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Modular</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Extend Nuxt features with 200+ modules to ship your application faster.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-lucide:shield-check size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Middleware</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Protect or add custom logic (localization, A/B testing) before rendering pages.</div></div></div></li><li style="opacity:0;transform:translateY(10px);"><div data-orientation="vertical" class="relative"><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-simple-icons:typescript size-5 shrink-0 text-(--ui-primary)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Type-safe with TypeScript</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Write type-safe code with automatically generated types and tsconfig.json.</div></div></div></li><li class="flex flex-col justify-center gap-4 p-4 bg-(--ui-bg-muted)/50 h-full" style="opacity:0;transform:translateY(10px);"><span class="text-lg font-semibold">Deep dive into Nuxt now</span><div><a href="/docs" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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-(--ui-bg) bg-(--ui-primary) hover:bg-(--ui-primary)/75 disabled:bg-(--ui-primary) aria-disabled:bg-(--ui-primary) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary)"><span class="truncate">Start reading docs</span><span class="iconify i-lucide:arrow-right shrink-0 size-5" aria-hidden="true" style=""></span></a></div></li></ul></div></div></section><section data-orientation="vertical" class="relative isolate bg-gradient-to-b border-t border-(--ui-border) from-(--ui-bg-muted) dark:from-(--ui-bg-muted)/40 to-(--ui-bg)"><div class="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"><div class=""><h2 class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-(--ui-text-highlighted) text-center"><div class="">Built on a solid foundation</div></h2><div class="text-base sm:text-lg text-(--ui-text-muted) text-center text-balance mt-6"><div class="">Nuxt is built on top of bulletproof open source technologies, with versatility to choose between different build tools.</div></div></div><div class="grid grid-cols-1 sm:grid-cols-3"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] ring-(--ui-border) h-full max-sm:rounded-t-lg max-sm:rounded-b-none sm:rounded-s-lg sm:rounded-e-none bg-gradient-to-br from-[#42B883]/10 from-5% via-transparent via-50% to-transparent ring-0 border border-(--ui-border) sm:border-r-0 max-sm:border-b-0" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"><div class=""><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-custom:vue size-6" aria-hidden="true" style=""></span></div><div class=""><div class="text-pretty text-(--ui-text-highlighted) text-lg font-semibold">Frontend with Vue.js</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Nuxt is built on top of Vue.js, leveraging its reactive, component-based architecture to create powerful, scalable, and seamless web applications.</div></div></div><a href="https://vuejs.org" rel="noopener noreferrer" style="color:#42B883;" class="focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors">vuejs.org</a></div></div><div data-orientation="vertical" class="relative flex ring-(--ui-border) h-full ring-0 border border-(--ui-border) rounded-none bg-gradient-to-br from-[#A156FE]/10 from-5% via-transparent via-50% to-transparent" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"><div class=""><div class="inline-flex items-center justify-center mb-2.5"><div class="flex items-center space-x-2"><div class="size-7 justify-center inline-flex items-end"><span class="iconify i-custom:vite cursor-pointer transition-all duration-150 ease-in-out size-7 opacity-100" aria-hidden="true" style=""></span></div><div class="size-7 justify-center inline-flex items-end"><span class="iconify i-custom:webpack cursor-pointer transition-all duration-150 ease-in-out size-6 opacity-50 grayscale hover:size-7" aria-hidden="true" style=""></span></div><div class="size-7 justify-center inline-flex items-end"><span class="iconify i-custom:rspack cursor-pointer transition-all duration-150 ease-in-out size-6 opacity-50 grayscale hover:size-7" aria-hidden="true" style=""></span></div></div></div><div class=""><div class="text-pretty text-(--ui-text-highlighted) text-lg font-semibold">Bundler with Vite</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Nuxt leverages Vite's frontend build capabilities, powering rapid development of web applications with instant HMR for the best developer experience.</div></div></div><a href="https://vite.dev" rel="noopener noreferrer" style="color:#A156FE;" class="focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors">vite.dev</a></div></div><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] ring-(--ui-border) h-full max-sm:rounded-t-none max-sm:rounded-b-lg sm:rounded-s-none sm:rounded-e-lg bg-gradient-to-br from-[#FB848E]/10 from-5% via-transparent via-50% to-transparent ring-0 border border-(--ui-border) sm:border-l-0 max-sm:border-t-0" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"><div class=""><div class="inline-flex items-center justify-center mb-2.5"><span class="iconify i-custom:nitro size-6" aria-hidden="true" style=""></span></div><div class=""><div class="text-pretty text-(--ui-text-highlighted) text-lg font-semibold">Server with Nitro</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-1">Nuxt uses Nitro as server engine to build versatile full-stack web applications, ready for deployment on any platform.</div></div></div><a href="https://nitro.build" rel="noopener noreferrer" style="color:#FB848E;" class="focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors">nitro.build</a></div></div></div></div></section><div data-orientation="vertical" class="relative isolate overflow-hidden bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) rounded-none"><div class="max-w-(--ui-container) mx-auto flex flex-col lg:grid px-6 py-12 sm:px-12 lg:px-16 gap-8 sm:py-12 lg:py-12 sm:gap-8"><div class=""><div class="text-base sm:text-lg text-center text-(--ui-text-toned) !text-base text-balance before:content-[open-quote] before:text-5xl lg:before:text-7xl before:inline-block before:text-(--ui-text-dimmed) before:absolute before:-ml-6 lg:before:-ml-10 before:-mt-2 lg:before:-mt-4 after:content-[close-quote] after:text-5xl lg:after:text-7xl after:inline-block after:text-(--ui-text-dimmed) after:absolute after:mt-1 lg:after:mt-0 after:ml-1 lg:after:ml-2">Nuxt offers a compelling solution and a great ecosystem to help you ship fullstack Vue apps that are performant and SEO friendly. The flexibility to choose between SSR and SSG is icing on the cake.</div></div><div data-orientation="horizontal" class="relative group/user flex items-center gap-2.5 justify-center"><span class="inline-flex items-center justify-center select-none overflow-hidden rounded-full align-middle bg-(--ui-bg-elevated) size-10 text-xl shrink-0 transform transition-transform duration-200 group-hover/user:scale-115" style=""><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Evan You" data-nuxt-img srcset="https://ipx.nuxt.com/f_auto,s_80x80/gh_avatar/yyx990803 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://ipx.nuxt.com/f_auto,s_40x40/gh_avatar/yyx990803"></span><div class=""><a href="https://x.com/evanyou" tabindex="-1" rel="noopener noreferrer" aria-label="Evan You" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a><p class="font-medium text-(--ui-text) peer-hover:text-(--ui-text-highlighted) transition-colors text-base">Evan You</p><p class="text-(--ui-text-muted) peer-hover:text-(--ui-text-muted-toned) transition-colors text-sm">Creator of Vue.js and Vite</p></div></div></div></div><section data-orientation="vertical" class="isolate relative bg-gradient-to-b border-t border-(--ui-border) from-(--ui-bg-muted) dark:from-(--ui-bg-muted)/40 to-(--ui-bg)"><div class="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"><div class=""><h2 class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-(--ui-text-highlighted) text-center">The developer's choice for simple and powerful web apps</h2><div class="text-base sm:text-lg text-(--ui-text-muted) text-center text-balance mt-6">Nuxt was born from developers' need to boost productivity and platform performance. What began as a Vue-based solution for automating tasks and server-side rendering is now trusted by startups and enterprises all around the world. </div></div><div class="flex flex-col md:flex-row gap-4"><div class="md:w-1/4 flex flex-col gap-4"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) flex-1" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"><div class="flex items-center gap-3"><div class="rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg) p-2 flex items-center justify-center border border-(--ui-border)"><span class="iconify i-simple-icons:npm text-red-500 size-6" aria-hidden="true" style=""></span></div><div class="flex flex-col"><span class="font-semibold text-lg text-(--ui-text-highlighted)">3.5M</span><p class="text-sm"> Monthly downloads </p></div></div></div><a href="https://npm.chart.dev/nuxt" tabindex="-1" rel="noopener noreferrer" aria-label="Card link" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) flex-1" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"><div class="flex items-center gap-2"><div class="rounded-lg bg-(--ui-bg) p-2 flex items-center justify-center border border-(--ui-border)"><span class="iconify i-simple-icons:github size-6" aria-hidden="true" style=""></span></div><div class="flex flex-col"><span class="font-semibold text-lg text-(--ui-text-highlighted)">56.6K</span><p class="text-sm"> GitHub Stars </p></div></div></div><a href="https://go.nuxt.com/github" tabindex="-1" rel="noopener noreferrer" aria-label="Card link" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div class="md:w-1/2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) h-full" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"><div class="flex flex-col items-center justify-around h-full"><span class="text-xl font-semibold">Open source</span><p class="text-(--ui-text-muted) text-center">Nuxt is 100% powered by our passionate open source community. Every line of Nuxt is written by passionate developers like you.</p><a href="https://github.com/nuxt/nuxt" rel="noopener noreferrer" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted) mt-4 w-fit"><span class="truncate">Start contributing</span><span class="iconify i-simple-icons:github shrink-0 size-5" aria-hidden="true" style=""></span></a></div></div><a href="https://go.nuxt.com/github" tabindex="-1" rel="noopener noreferrer" aria-label="Card link" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div class="md:w-1/4 flex flex-col gap-4"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) flex-1" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"><div class="flex items-center gap-2"><div class="rounded-lg bg-(--ui-bg) p-2 flex items-center justify-center border border-(--ui-border)"><span class="iconify i-simple-icons:x size-6" aria-hidden="true" style=""></span></div><div class="flex flex-col"><span class="font-medium">98.7k</span><p>Followers</p></div></div></div><a href="https://go.nuxt.com/x" tabindex="-1" rel="noopener noreferrer" aria-label="Card link" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) flex-1" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6"><div class="flex items-center gap-2"><div class="rounded-lg bg-(--ui-bg) p-2 flex items-center justify-center border border-(--ui-border)"><span class="iconify i-simple-icons:discord text-indigo-400 size-6" aria-hidden="true" style=""></span></div><div class="flex flex-col"><span class="font-medium">28k</span><p>Members</p></div></div></div><a href="https://go.nuxt.com/discord" tabindex="-1" rel="noopener noreferrer" aria-label="Card link" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div></div></div></section><section data-orientation="vertical" class="relative isolate bg-gradient-to-b border-t border-(--ui-border) from-(--ui-bg-muted) dark:from-(--ui-bg-muted)/40 to-(--ui-bg)"><div class="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"><div class=""><h2 class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-(--ui-text-highlighted) text-left"><div class="">Extend Nuxt with plug & play modules</div></h2><div class="text-base sm:text-lg text-(--ui-text-muted) text-balance mt-6 text-left">Nuxt has a rich module ecosystem, with both official and community-driven modules. This accelerates development by providing ready-to-use solutions for common needs.</div><div class="mt-8 flex flex-wrap gap-x-6 gap-y-3 justify-start"><a href="/modules" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-3 py-2 text-sm gap-2 text-(--ui-bg) bg-(--ui-bg-inverted) hover:bg-(--ui-bg-inverted)/90 disabled:bg-(--ui-bg-inverted) aria-disabled:bg-(--ui-bg-inverted) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-border-inverted)"><span class="truncate">Explore all modules</span><span class="iconify i-lucide:arrow-right shrink-0 size-5" aria-hidden="true" style=""></span></a></div></div><div role="region" aria-roledescription="carousel" tabindex="0" class="relative focus:outline-none min-w-0"><div class="overflow-hidden"><div class="flex items-start flex-row ms-0"><div role="group" aria-roledescription="slide" class="basis-full min-w-0 shrink-0 sm:basis-1/3 p-2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) group min-h-[180px]" style="" data-v-90e33309><div class="relative flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 flex flex-col"><div class="flex flex-col min-h-0 items-start"><div class="inline-flex items-center justify-center mb-2.5"><span class="inline-flex items-center justify-center shrink-0 select-none overflow-hidden align-middle size-8 text-base rounded-md bg-transparent" style="" data-v-90e33309><img onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="ui" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 1x, https://nuxt.com/cdn-cgi/image/w=64,h=64/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg"></span></div><div class="flex-none"><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">@nuxt/ui</div><div class="text-pretty mt-1 line-clamp-2 text-(--ui-text-muted) text-sm">The Intuitive UI Library powered by Reka UI and Tailwind CSS.</div></div><div class="w-full mt-auto pointer-events-auto pt-4 z-[1]"><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row mb-4" data-v-90e33309><div class="border-(--ui-border) w-full border-dashed border-t"></div></div><div class="flex items-center justify-between gap-3 -my-1 text-(--ui-text-muted)" data-v-90e33309><div class="flex items-center gap-3" data-v-90e33309><a href="https://npm.chart.dev/@nuxt/ui" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:circle-arrow-down size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>292.2K</span></a><a href="https://github.com/nuxt/ui#dev" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:star size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>4.6K</span></a></div><button type="button" data-state="closed" data-grace-area-trigger data-v-90e33309 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="iconify i-lucide:terminal shrink-0 size-4" aria-hidden="true" style=""></span><span class="sr-only" data-v-90e33309>Copy command to install ui</span></button></div></div></div></div><a href="/modules/ui" tabindex="-1" aria-label="@nuxt/ui" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div role="group" aria-roledescription="slide" class="basis-full min-w-0 shrink-0 sm:basis-1/3 p-2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) group min-h-[180px]" style="" data-v-90e33309><div class="relative flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 flex flex-col"><div class="flex flex-col min-h-0 items-start"><div class="inline-flex items-center justify-center mb-2.5"><span class="inline-flex items-center justify-center shrink-0 select-none overflow-hidden align-middle size-8 text-base rounded-md bg-transparent" style="" data-v-90e33309><img onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="content" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 1x, https://nuxt.com/cdn-cgi/image/w=64,h=64/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg"></span></div><div class="flex-none"><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">@nuxt/content</div><div class="text-pretty mt-1 line-clamp-2 text-(--ui-text-muted) text-sm">The file-based CMS with support for Markdown, YAML, JSON.</div></div><div class="w-full mt-auto pointer-events-auto pt-4 z-[1]"><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row mb-4" data-v-90e33309><div class="border-(--ui-border) w-full border-dashed border-t"></div></div><div class="flex items-center justify-between gap-3 -my-1 text-(--ui-text-muted)" data-v-90e33309><div class="flex items-center gap-3" data-v-90e33309><a href="https://npm.chart.dev/@nuxt/content" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:circle-arrow-down size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>256.1K</span></a><a href="https://github.com/nuxt/content#main" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:star size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>3.3K</span></a></div><button type="button" data-state="closed" data-grace-area-trigger data-v-90e33309 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="iconify i-lucide:terminal shrink-0 size-4" aria-hidden="true" style=""></span><span class="sr-only" data-v-90e33309>Copy command to install content</span></button></div></div></div></div><a href="/modules/content" tabindex="-1" aria-label="@nuxt/content" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div role="group" aria-roledescription="slide" class="basis-full min-w-0 shrink-0 sm:basis-1/3 p-2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) group min-h-[180px]" style="" data-v-90e33309><div class="relative flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 flex flex-col"><div class="flex flex-col min-h-0 items-start"><div class="inline-flex items-center justify-center mb-2.5"><span class="inline-flex items-center justify-center shrink-0 select-none overflow-hidden align-middle size-8 text-base rounded-md bg-transparent" style="" data-v-90e33309><img onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="devtools" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 1x, https://nuxt.com/cdn-cgi/image/w=64,h=64/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg"></span></div><div class="flex-none"><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">@nuxt/devtools</div><div class="text-pretty mt-1 line-clamp-2 text-(--ui-text-muted) text-sm">Visual tools that help you to know your Nuxt application better.</div></div><div class="w-full mt-auto pointer-events-auto pt-4 z-[1]"><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row mb-4" data-v-90e33309><div class="border-(--ui-border) w-full border-dashed border-t"></div></div><div class="flex items-center justify-between gap-3 -my-1 text-(--ui-text-muted)" data-v-90e33309><div class="flex items-center gap-3" data-v-90e33309><a href="https://npm.chart.dev/@nuxt/devtools" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:circle-arrow-down size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>2.8M</span></a><a href="https://github.com/nuxt/devtools#main/packages/devtools" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:star size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>3.1K</span></a></div><button type="button" data-state="closed" data-grace-area-trigger data-v-90e33309 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="iconify i-lucide:terminal shrink-0 size-4" aria-hidden="true" style=""></span><span class="sr-only" data-v-90e33309>Copy command to install devtools</span></button></div></div></div></div><a href="/modules/devtools" tabindex="-1" aria-label="@nuxt/devtools" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div role="group" aria-roledescription="slide" class="basis-full min-w-0 shrink-0 sm:basis-1/3 p-2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) group min-h-[180px]" style="" data-v-90e33309><div class="relative flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 flex flex-col"><div class="flex flex-col min-h-0 items-start"><div class="inline-flex items-center justify-center mb-2.5"><span class="inline-flex items-center justify-center shrink-0 select-none overflow-hidden align-middle size-8 text-base rounded-md bg-transparent" style="" data-v-90e33309><img onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="image" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 1x, https://nuxt.com/cdn-cgi/image/w=64,h=64/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg"></span></div><div class="flex-none"><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">@nuxt/image</div><div class="text-pretty mt-1 line-clamp-2 text-(--ui-text-muted) text-sm">Add images with progressive processing, lazy-loading, resizing and providers support.</div></div><div class="w-full mt-auto pointer-events-auto pt-4 z-[1]"><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row mb-4" data-v-90e33309><div class="border-(--ui-border) w-full border-dashed border-t"></div></div><div class="flex items-center justify-between gap-3 -my-1 text-(--ui-text-muted)" data-v-90e33309><div class="flex items-center gap-3" data-v-90e33309><a href="https://npm.chart.dev/@nuxt/image" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:circle-arrow-down size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>881.4K</span></a><a href="https://github.com/nuxt/image" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:star size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>1.4K</span></a></div><button type="button" data-state="closed" data-grace-area-trigger data-v-90e33309 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="iconify i-lucide:terminal shrink-0 size-4" aria-hidden="true" style=""></span><span class="sr-only" data-v-90e33309>Copy command to install image</span></button></div></div></div></div><a href="/modules/image" tabindex="-1" aria-label="@nuxt/image" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div role="group" aria-roledescription="slide" class="basis-full min-w-0 shrink-0 sm:basis-1/3 p-2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) group min-h-[180px]" style="" data-v-90e33309><div class="relative flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 flex flex-col"><div class="flex flex-col min-h-0 items-start"><div class="inline-flex items-center justify-center mb-2.5"><span class="inline-flex items-center justify-center shrink-0 select-none overflow-hidden align-middle size-8 text-base rounded-md bg-transparent" style="" data-v-90e33309><img onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="icon" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 1x, https://nuxt.com/cdn-cgi/image/w=64,h=64/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg"></span></div><div class="flex-none"><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">@nuxt/icon</div><div class="text-pretty mt-1 line-clamp-2 text-(--ui-text-muted) text-sm">Icon module for Nuxt with 200,000+ ready to use icons from Iconify.</div></div><div class="w-full mt-auto pointer-events-auto pt-4 z-[1]"><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row mb-4" data-v-90e33309><div class="border-(--ui-border) w-full border-dashed border-t"></div></div><div class="flex items-center justify-between gap-3 -my-1 text-(--ui-text-muted)" data-v-90e33309><div class="flex items-center gap-3" data-v-90e33309><a href="https://npm.chart.dev/@nuxt/icon" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:circle-arrow-down size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>461.8K</span></a><a href="https://github.com/nuxt/icon" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:star size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>1.1K</span></a></div><button type="button" data-state="closed" data-grace-area-trigger data-v-90e33309 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="iconify i-lucide:terminal shrink-0 size-4" aria-hidden="true" style=""></span><span class="sr-only" data-v-90e33309>Copy command to install icon</span></button></div></div></div></div><a href="/modules/icon" tabindex="-1" aria-label="@nuxt/icon" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div role="group" aria-roledescription="slide" class="basis-full min-w-0 shrink-0 sm:basis-1/3 p-2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) group min-h-[180px]" style="" data-v-90e33309><div class="relative flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 flex flex-col"><div class="flex flex-col min-h-0 items-start"><div class="inline-flex items-center justify-center mb-2.5"><span class="inline-flex items-center justify-center shrink-0 select-none overflow-hidden align-middle size-8 text-base rounded-md bg-transparent" style="" data-v-90e33309><img onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="eslint" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 1x, https://nuxt.com/cdn-cgi/image/w=64,h=64/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg"></span></div><div class="flex-none"><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">@nuxt/eslint</div><div class="text-pretty mt-1 line-clamp-2 text-(--ui-text-muted) text-sm">Project-aware, easy-to-use, extensible and future-proof ESLint integration.</div></div><div class="w-full mt-auto pointer-events-auto pt-4 z-[1]"><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row mb-4" data-v-90e33309><div class="border-(--ui-border) w-full border-dashed border-t"></div></div><div class="flex items-center justify-between gap-3 -my-1 text-(--ui-text-muted)" data-v-90e33309><div class="flex items-center gap-3" data-v-90e33309><a href="https://npm.chart.dev/@nuxt/eslint" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:circle-arrow-down size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>783.6K</span></a><a href="https://github.com/nuxt/eslint" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:star size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>592</span></a></div><button type="button" data-state="closed" data-grace-area-trigger data-v-90e33309 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="iconify i-lucide:terminal shrink-0 size-4" aria-hidden="true" style=""></span><span class="sr-only" data-v-90e33309>Copy command to install eslint</span></button></div></div></div></div><a href="/modules/eslint" tabindex="-1" aria-label="@nuxt/eslint" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div role="group" aria-roledescription="slide" class="basis-full min-w-0 shrink-0 sm:basis-1/3 p-2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) group min-h-[180px]" style="" data-v-90e33309><div class="relative flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 flex flex-col"><div class="flex flex-col min-h-0 items-start"><div class="inline-flex items-center justify-center mb-2.5"><span class="inline-flex items-center justify-center shrink-0 select-none overflow-hidden align-middle size-8 text-base rounded-md bg-transparent" style="" data-v-90e33309><img onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="fonts" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 1x, https://nuxt.com/cdn-cgi/image/w=64,h=64/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg"></span></div><div class="flex-none"><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">@nuxt/fonts</div><div class="text-pretty mt-1 line-clamp-2 text-(--ui-text-muted) text-sm">Add custom web fonts with performance in mind.</div></div><div class="w-full mt-auto pointer-events-auto pt-4 z-[1]"><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row mb-4" data-v-90e33309><div class="border-(--ui-border) w-full border-dashed border-t"></div></div><div class="flex items-center justify-between gap-3 -my-1 text-(--ui-text-muted)" data-v-90e33309><div class="flex items-center gap-3" data-v-90e33309><a href="https://npm.chart.dev/@nuxt/fonts" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:circle-arrow-down size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>281.1K</span></a><a href="https://github.com/nuxt/fonts" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:star size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>512</span></a></div><button type="button" data-state="closed" data-grace-area-trigger data-v-90e33309 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="iconify i-lucide:terminal shrink-0 size-4" aria-hidden="true" style=""></span><span class="sr-only" data-v-90e33309>Copy command to install fonts</span></button></div></div></div></div><a href="/modules/fonts" tabindex="-1" aria-label="@nuxt/fonts" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div role="group" aria-roledescription="slide" class="basis-full min-w-0 shrink-0 sm:basis-1/3 p-2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) group min-h-[180px]" style="" data-v-90e33309><div class="relative flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 flex flex-col"><div class="flex flex-col min-h-0 items-start"><div class="inline-flex items-center justify-center mb-2.5"><span class="inline-flex items-center justify-center shrink-0 select-none overflow-hidden align-middle size-8 text-base rounded-md bg-transparent" style="" data-v-90e33309><img onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="scripts" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 1x, https://nuxt.com/cdn-cgi/image/w=64,h=64/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg"></span></div><div class="flex-none"><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">@nuxt/scripts</div><div class="text-pretty mt-1 line-clamp-2 text-(--ui-text-muted) text-sm">Add 3rd-party scripts without sacrificing performance.</div></div><div class="w-full mt-auto pointer-events-auto pt-4 z-[1]"><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row mb-4" data-v-90e33309><div class="border-(--ui-border) w-full border-dashed border-t"></div></div><div class="flex items-center justify-between gap-3 -my-1 text-(--ui-text-muted)" data-v-90e33309><div class="flex items-center gap-3" data-v-90e33309><a href="https://npm.chart.dev/@nuxt/scripts" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:circle-arrow-down size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>228.5K</span></a><a href="https://github.com/nuxt/scripts" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:star size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>436</span></a></div><button type="button" data-state="closed" data-grace-area-trigger data-v-90e33309 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="iconify i-lucide:terminal shrink-0 size-4" aria-hidden="true" style=""></span><span class="sr-only" data-v-90e33309>Copy command to install scripts</span></button></div></div></div></div><a href="/modules/scripts" tabindex="-1" aria-label="@nuxt/scripts" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div><div role="group" aria-roledescription="slide" class="basis-full min-w-0 shrink-0 sm:basis-1/3 p-2"><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) transition hover:bg-(--ui-bg-elevated) hover:ring-(--ui-border-accented) group min-h-[180px]" style="" data-v-90e33309><div class="relative flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6 flex flex-col"><div class="flex flex-col min-h-0 items-start"><div class="inline-flex items-center justify-center mb-2.5"><span class="inline-flex items-center justify-center shrink-0 select-none overflow-hidden align-middle size-8 text-base rounded-md bg-transparent" style="" data-v-90e33309><img onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="test-utils" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 1x, https://nuxt.com/cdn-cgi/image/w=64,h=64/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg 2x" role="img" class="h-full w-full rounded-[inherit] object-cover" src="https://nuxt.com/cdn-cgi/image/w=32,h=32/https://raw.githubusercontent.com/nuxt/modules/main/icons/nuxt.svg"></span></div><div class="flex-none"><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">@nuxt/test-utils</div><div class="text-pretty mt-1 line-clamp-2 text-(--ui-text-muted) text-sm">Test utilities for Nuxt.</div></div><div class="w-full mt-auto pointer-events-auto pt-4 z-[1]"><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row mb-4" data-v-90e33309><div class="border-(--ui-border) w-full border-dashed border-t"></div></div><div class="flex items-center justify-between gap-3 -my-1 text-(--ui-text-muted)" data-v-90e33309><div class="flex items-center gap-3" data-v-90e33309><a href="https://npm.chart.dev/@nuxt/test-utils" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:circle-arrow-down size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>935.8K</span></a><a href="https://github.com/nuxt/test-utils#main" rel="noopener noreferrer" target="_blank" class="flex items-center gap-1 hover:text-(--ui-text-highlighted)" data-state="closed" data-grace-area-trigger data-v-90e33309><span class="iconify i-lucide:star size-4 shrink-0" aria-hidden="true" style="" data-v-90e33309></span><span class="text-sm font-medium" data-v-90e33309>348</span></a></div><button type="button" data-state="closed" data-grace-area-trigger data-v-90e33309 class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="iconify i-lucide:terminal shrink-0 size-4" aria-hidden="true" style=""></span><span class="sr-only" data-v-90e33309>Copy command to install test-utils</span></button></div></div></div></div><a href="/modules/test-utils" tabindex="-1" aria-label="@nuxt/test-utils" class="focus:outline-none peer"><span class="absolute inset-0" aria-hidden="true"></span></a></div></div></div></div><div class=""><div class="hidden 2xl:block"><button type="button" disabled aria-label="Prev" class="font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted) p-1.5 absolute rounded-full -start-12 top-1/2 -translate-y-1/2"><span class="iconify i-lucide:arrow-left shrink-0 size-5" aria-hidden="true" style=""></span></button><button type="button" disabled aria-label="Next" class="font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted) p-1.5 absolute rounded-full -end-12 top-1/2 -translate-y-1/2"><span class="iconify i-lucide:arrow-right shrink-0 size-5" aria-hidden="true" style=""></span></button></div><div class="absolute inset-x-0 -bottom-7 flex flex-wrap items-center justify-center gap-3"></div></div></div></div></section><section data-orientation="horizontal" class="relative isolate bg-gradient-to-b border-t border-(--ui-border) from-(--ui-bg-muted) dark:from-(--ui-bg-muted)/40 to-(--ui-bg)"><div class="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 lg:grid-cols-2 lg:items-center"><div class=""><h2 class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-(--ui-text-highlighted)">Deploy your app anywhere</h2><div class="text-base sm:text-lg text-(--ui-text-muted) text-pretty mt-6">One-command deployments and zero-configuration options make it easy to get your Nuxt app live. Choose your platform, and let Nuxt handle the rest, allowing you to focus on building great applications rather than managing complex deployments.</div><div class="mt-8 flex flex-wrap gap-x-6 gap-y-3"><a href="/deploy" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-3 py-2 text-sm gap-2 text-(--ui-bg) bg-(--ui-bg-inverted) hover:bg-(--ui-bg-inverted)/90 disabled:bg-(--ui-bg-inverted) aria-disabled:bg-(--ui-bg-inverted) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-border-inverted)"><span class="truncate">Learn how to deploy now</span><span class="iconify i-lucide:arrow-right shrink-0 size-5" aria-hidden="true" style=""></span></a></div></div><img onerror="this.setAttribute('data-error', 1)" width="512" height="439" alt="Deploy your app anywhere" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=512,h=439/assets/landing/deploy.svg 1x, https://nuxt.com/cdn-cgi/image/w=1024,h=878/assets/landing/deploy.svg 2x" class="mx-auto max-w-lg sm:w-full w-full" src="https://nuxt.com/cdn-cgi/image/w=512,h=439/assets/landing/deploy.svg"></div></section><section data-orientation="horizontal" class="isolate relative bg-gradient-to-b border-t border-(--ui-border) from-(--ui-bg-muted) dark:from-(--ui-bg-muted)/40 to-20% to-(--ui-bg)"><div class="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 lg:grid-cols-2 lg:items-center"><div class=""><h2 class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-(--ui-text-highlighted) text-left"><div class="">Nuxt Enterprise Support</div></h2><div class="text-base sm:text-lg text-(--ui-text-muted) text-pretty mt-6 text-left"><div class="">To ensure your Nuxt projects reach their full potential, our Nuxt Experts team, featuring <span class="iconify i-custom:vue size-4 shrink-0 align-middle" aria-hidden="true" style=""></span> Vue, <span class="iconify i-custom:nuxt size-4 shrink-0 align-middle" aria-hidden="true" style=""></span> Nuxt and <span class="iconify i-custom:vite size-4 shrink-0 align-middle" aria-hidden="true" style=""></span> Vite, core contributors — offers a complete suite of services.</div><div class="relative overflow-hidden"><div class="group relative flex items-center overflow-hidden gap-(--gap) [--gap:--spacing(16)] [--duration:20s] before:absolute before:pointer-events-none before:content-[""] before:z-2 before:from-(--ui-bg) before:to-transparent after:absolute after:pointer-events-none after:content-[""] after:z-2 after:from-(--ui-bg) after:to-transparent flex-row before:inset-y-0 before:left-0 before:h-full before:w-1/3 before:bg-gradient-to-r after:inset-y-0 after:right-0 after:h-full after:w-1/3 after:bg-gradient-to-l mt-6"><div class="flex items-center shrink-0 justify-around gap-(--gap) min-w-max w-full flex-row animate-[marquee_var(--duration)_linear_infinite] rtl:animate-[marquee-rtl_var(--duration)_linear_infinite] backface-hidden perspective-1000"><img onerror="this.setAttribute('data-error', 1)" alt="Malt logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/malt.svg 1x, https://nuxt.com/assets/enterprise/support/malt.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/malt.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Zadig & Voltaire logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg 1x, https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Adyen logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/adyen.svg 1x, https://nuxt.com/assets/enterprise/support/adyen.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/adyen.svg"><img onerror="this.setAttribute('data-error', 1)" alt="World Wide Technology logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/world-wide-technology.svg 1x, https://nuxt.com/assets/enterprise/support/world-wide-technology.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/world-wide-technology.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Cora logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/cora.svg 1x, https://nuxt.com/assets/enterprise/support/cora.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/cora.svg"></div><div class="flex items-center shrink-0 justify-around gap-(--gap) min-w-max w-full flex-row animate-[marquee_var(--duration)_linear_infinite] rtl:animate-[marquee-rtl_var(--duration)_linear_infinite] backface-hidden perspective-1000"><img onerror="this.setAttribute('data-error', 1)" alt="Malt logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/malt.svg 1x, https://nuxt.com/assets/enterprise/support/malt.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/malt.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Zadig & Voltaire logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg 1x, https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Adyen logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/adyen.svg 1x, https://nuxt.com/assets/enterprise/support/adyen.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/adyen.svg"><img onerror="this.setAttribute('data-error', 1)" alt="World Wide Technology logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/world-wide-technology.svg 1x, https://nuxt.com/assets/enterprise/support/world-wide-technology.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/world-wide-technology.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Cora logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/cora.svg 1x, https://nuxt.com/assets/enterprise/support/cora.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/cora.svg"></div><div class="flex items-center shrink-0 justify-around gap-(--gap) min-w-max w-full flex-row animate-[marquee_var(--duration)_linear_infinite] rtl:animate-[marquee-rtl_var(--duration)_linear_infinite] backface-hidden perspective-1000"><img onerror="this.setAttribute('data-error', 1)" alt="Malt logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/malt.svg 1x, https://nuxt.com/assets/enterprise/support/malt.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/malt.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Zadig & Voltaire logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg 1x, https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Adyen logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/adyen.svg 1x, https://nuxt.com/assets/enterprise/support/adyen.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/adyen.svg"><img onerror="this.setAttribute('data-error', 1)" alt="World Wide Technology logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/world-wide-technology.svg 1x, https://nuxt.com/assets/enterprise/support/world-wide-technology.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/world-wide-technology.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Cora logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/cora.svg 1x, https://nuxt.com/assets/enterprise/support/cora.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/cora.svg"></div><div class="flex items-center shrink-0 justify-around gap-(--gap) min-w-max w-full flex-row animate-[marquee_var(--duration)_linear_infinite] rtl:animate-[marquee-rtl_var(--duration)_linear_infinite] backface-hidden perspective-1000"><img onerror="this.setAttribute('data-error', 1)" alt="Malt logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/malt.svg 1x, https://nuxt.com/assets/enterprise/support/malt.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/malt.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Zadig & Voltaire logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg 1x, https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/zadig-and-voltaire.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Adyen logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/adyen.svg 1x, https://nuxt.com/assets/enterprise/support/adyen.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/adyen.svg"><img onerror="this.setAttribute('data-error', 1)" alt="World Wide Technology logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/world-wide-technology.svg 1x, https://nuxt.com/assets/enterprise/support/world-wide-technology.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/world-wide-technology.svg"><img onerror="this.setAttribute('data-error', 1)" alt="Cora logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/assets/enterprise/support/cora.svg 1x, https://nuxt.com/assets/enterprise/support/cora.svg 2x" class="h-8 max-w-[70px] object-contain filter invert dark:invert-0 opacity-50" src="https://nuxt.com/assets/enterprise/support/cora.svg"></div></div></div></div><div class="mt-8 flex flex-wrap gap-x-6 gap-y-3 justify-start"><a href="/enterprise/support" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-3 py-2 text-sm gap-2 text-(--ui-bg) bg-(--ui-bg-inverted) hover:bg-(--ui-bg-inverted)/90 disabled:bg-(--ui-bg-inverted) aria-disabled:bg-(--ui-bg-inverted) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-border-inverted)"><span class="truncate">Talk to a Nuxt Expert</span><span class="iconify i-lucide:arrow-right shrink-0 size-5" aria-hidden="true" style=""></span></a></div></div><div data-orientation="vertical" class="relative flex rounded-[calc(var(--ui-radius)*2)] bg-(--ui-bg-elevated)/50 ring ring-(--ui-border)" style=""><div class="relative flex flex-col flex-1 lg:grid gap-x-8 p-4 gap-y-8 sm:p-8"><div data-orientation="horizontal" class="relative flex items-start gap-2.5 lg:items-center lg:gap-3"><div class="inline-flex items-center justify-center bg-(--ui-bg) p-1 lg:p-2.5 rounded-(--ui-radius) border border-(--ui-border)"><span class="iconify i-lucide:rocket size-5 shrink-0 text-(--ui-text-highlighted)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Performance optimization</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-0">Boost Nuxt performance and reliability with our expert optimizations.</div></div></div><div data-orientation="horizontal" class="relative flex items-start gap-2.5 lg:items-center lg:gap-3"><div class="inline-flex items-center justify-center bg-(--ui-bg) p-1 lg:p-2.5 rounded-(--ui-radius) border border-(--ui-border)"><span class="iconify i-lucide:circle-arrow-up size-5 shrink-0 text-(--ui-text-highlighted)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Migration to Nuxt</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-0">Ensure successful, painless migrations from start to deployment.</div></div></div><div data-orientation="horizontal" class="relative flex items-start gap-2.5 lg:items-center lg:gap-3"><div class="inline-flex items-center justify-center bg-(--ui-bg) p-1 lg:p-2.5 rounded-(--ui-radius) border border-(--ui-border)"><span class="iconify i-lucide:school size-5 shrink-0 text-(--ui-text-highlighted)" aria-hidden="true" style=""></span></div><div class=""><div class="text-base text-pretty font-semibold text-(--ui-text-highlighted)">Nuxt Workshop</div><div class="text-[15px] text-pretty text-(--ui-text-muted) mt-0">Develop expert teams through training and support.</div></div></div></div></div></div></section><section data-orientation="horizontal" class="relative isolate bg-gradient-to-b border-t border-(--ui-border) from-(--ui-bg-muted) dark:from-(--ui-bg-muted)/40 to-(--ui-bg)"><div class="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 lg:grid-cols-2 lg:items-center"><div class="lg:order-last"><h2 class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-(--ui-text-highlighted)">Built by developers around the world.</h2><div class="text-base sm:text-lg text-(--ui-text-muted) text-pretty mt-6">The development of Nuxt and its ecosystem is led by an international team. From contributors to developer advocates, the community is made up of members with different horizons and skills. We are happy to see new members every day and encourage anyone to join us and help in many ways: answering questions, giving a talk, creating modules and contributing to the core.</div><div class="mt-8 flex flex-wrap gap-x-6 gap-y-3"><a href="https://nuxters.nuxt.com" rel="noopener noreferrer" target="_blank" title="See your own profile on Nuxters" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-3 py-2 text-sm gap-2 text-(--ui-bg) bg-(--ui-bg-inverted) hover:bg-(--ui-bg-inverted)/90 disabled:bg-(--ui-bg-inverted) aria-disabled:bg-(--ui-bg-inverted) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-border-inverted)"><span class="iconify i-simple-icons:nuxtdotjs shrink-0 size-5" aria-hidden="true" style=""></span><span class="truncate">Nuxters</span></a><a href="https://go.nuxt.com/discord" rel="noopener noreferrer" target="_blank" title="Join Nuxt on Discord" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-base gap-2 text-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-2"><span class="iconify i-simple-icons:discord shrink-0 size-6" aria-hidden="true" style=""></span></a><a href="https://go.nuxt.com/x" rel="noopener noreferrer" target="_blank" title="Nuxt on X" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-2 text-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-2"><span class="iconify i-simple-icons:x shrink-0 size-5" aria-hidden="true" style=""></span></a><a href="https://go.nuxt.com/bluesky" rel="noopener noreferrer" target="_blank" title="Nuxt on Bluesky" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-2 text-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-2"><span class="iconify i-simple-icons:bluesky shrink-0 size-5" aria-hidden="true" style=""></span></a></div></div><div class="grid grid-cols-6 md:grid-cols-8 lg:grid-cols-6 gap-4 sm:gap-8 lg:gap-6 xl:gap-8 xl:p-8" data-v-b36838f3><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div><div class="pt-[100%] relative" data-v-b36838f3><template></template></div></div></div></section><section data-orientation="vertical" class="isolate relative bg-gradient-to-b border-t border-(--ui-border) from-(--ui-bg-muted) dark:from-(--ui-bg-muted)/40 to-(--ui-bg)"><div class="max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:grid gap-8 sm:gap-16 py-12 sm:py-16 lg:py-20"><div class=""><h2 class="text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-(--ui-text-highlighted) text-center">Sponsors</h2><div class="text-base sm:text-lg text-(--ui-text-muted) text-center text-balance mt-6">Nuxt is and will always remain free and open source under the MIT License, thanks to our contributors and sponsors.</div><div class="mt-8 flex flex-wrap gap-x-6 gap-y-3 justify-center"><a href="https://github.com/sponsors/nuxt" rel="noopener noreferrer" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-3 py-2 text-sm gap-2 text-(--ui-bg) bg-(--ui-bg-inverted) hover:bg-(--ui-bg-inverted)/90 disabled:bg-(--ui-bg-inverted) aria-disabled:bg-(--ui-bg-inverted) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-border-inverted)"><span class="truncate">Become a sponsor</span><span class="iconify i-lucide:heart shrink-0 size-5" aria-hidden="true" style=""></span></a><a href="/enterprise/sponsors" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-3 py-2 text-sm gap-2 ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"><span class="truncate">View all sponsors</span></a></div></div><div class="flex flex-col items-center"><div class="w-full mb-24"><span class="font-medium inline-flex items-center text-xs px-2 py-1 gap-1 rounded-[calc(var(--ui-radius)*1.5)] ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg-elevated) capitalize mb-2">diamond sponsors </span><div class="w-full border border-(--ui-border) rounded-lg"><table class="w-full"><tbody><tr><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px]"><a href="https://nuxtlabs.com" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="NuxtLabs logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/62017400 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://avatars.githubusercontent.com/u/62017400 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/62017400"><span class="text-base hidden sm:block font-semibold">NuxtLabs</span></a></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px]"><a href="https://www.netlify.com" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Netlify logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/33071329?u=7981813b9db8b6de244a9f4dd70a82aad0566bf6&v=4 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://avatars.githubusercontent.com/u/33071329?u=7981813b9db8b6de244a9f4dd70a82aad0566bf6&v=4 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/33071329?u=7981813b9db8b6de244a9f4dd70a82aad0566bf6&v=4"><span class="text-base hidden sm:block font-semibold">Netlify</span></a></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-r-0"><a href="https://vercel.com" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Vercel logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/14985020?v=4 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://avatars.githubusercontent.com/u/14985020?v=4 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/14985020?v=4"><span class="text-base hidden sm:block font-semibold">Vercel</span></a></td></tr><tr><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-b-0"><a href="https://opencollective.com/2021-frameworks-fund" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Chrome Frameworks Fund logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://images.opencollective.com/2021-frameworks-fund/logo/460.png 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://images.opencollective.com/2021-frameworks-fund/logo/460.png 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://images.opencollective.com/2021-frameworks-fund/logo/460.png"><span class="text-base hidden sm:block font-semibold">Chrome Frameworks Fund</span></a></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-b-0"><div class="h-full"></div></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-r-0 border-b-0"><div class="h-full"></div></td></tr></tbody></table></div></div><div class="w-full mb-24"><span class="font-medium inline-flex items-center text-xs px-2 py-1 gap-1 rounded-[calc(var(--ui-radius)*1.5)] ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg-elevated) capitalize mb-2">platinum sponsors </span><div class="w-full border border-(--ui-border) rounded-lg"><table class="w-full"><tbody><tr><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-b-0"><a href="https://zenarchitects.co.jp" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Zen Architects logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/22952383?v=4 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://avatars.githubusercontent.com/u/22952383?v=4 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/22952383?v=4"><span class="text-base hidden sm:block font-semibold">Zen Architects</span></a></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-b-0"><a href="https://mojam.co/" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Mojam logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://images.opencollective.com/mojamco/981e9de/logo/460.png 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://images.opencollective.com/mojamco/981e9de/logo/460.png 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://images.opencollective.com/mojamco/981e9de/logo/460.png"><span class="text-base hidden sm:block font-semibold">Mojam</span></a></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-r-0 border-b-0"><div class="h-full"></div></td></tr></tbody></table></div></div><div class="w-full mb-24"><span class="font-medium inline-flex items-center text-xs px-2 py-1 gap-1 rounded-[calc(var(--ui-radius)*1.5)] ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg-elevated) capitalize mb-2">gold sponsors </span><div class="w-full border border-(--ui-border) rounded-lg"><table class="w-full"><tbody><tr><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px]"><a href="https://www.curotec.com" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Curotec logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/34548260?v=4 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://avatars.githubusercontent.com/u/34548260?v=4 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/34548260?v=4"><span class="text-base hidden sm:block font-semibold">Curotec</span></a></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px]"><a href="http://www.64robots.com" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="64 Robots logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/22407415?v=4 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://avatars.githubusercontent.com/u/22407415?v=4 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/22407415?v=4"><span class="text-base hidden sm:block font-semibold">64 Robots</span></a></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-r-0"><a href="https://www.vuemastery.com" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Vue Mastery logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/22382188?v=4 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://avatars.githubusercontent.com/u/22382188?v=4 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/22382188?v=4"><span class="text-base hidden sm:block font-semibold">Vue Mastery</span></a></td></tr><tr><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-b-0"><a href="https://kinde.com" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Kinde logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/97858324?v=4 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://avatars.githubusercontent.com/u/97858324?v=4 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://avatars.githubusercontent.com/u/97858324?v=4"><span class="text-base hidden sm:block font-semibold">Kinde</span></a></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-b-0"><a href="https://logto.io" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="Logto logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://images.opencollective.com/logto/0589181/avatar/460.png 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://images.opencollective.com/logto/0589181/avatar/460.png 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://images.opencollective.com/logto/0589181/avatar/460.png"><span class="text-base hidden sm:block font-semibold">Logto</span></a></td><td class="border-b border-r border-(--ui-border) p-0 w-1/3 h-[120px] border-r-0 border-b-0"><a href="https://www.jetbrains.com/" rel="noopener noreferrer" target="_blank" class="flex items-center gap-2 justify-center h-full hover:bg-(--ui-bg-muted)/50 transition-colors"><img onerror="this.setAttribute('data-error', 1)" width="40" height="40" alt="JetBrains logo" loading="lazy" data-nuxt-img srcset="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://images.opencollective.com/jetbrains/fe76f99/logo/460.png 1x, https://nuxt.com/cdn-cgi/image/w=80,h=80/https://images.opencollective.com/jetbrains/fe76f99/logo/460.png 2x" class="h-10 max-w-[140px] object-contain rounded-[calc(var(--ui-radius)*2)]" src="https://nuxt.com/cdn-cgi/image/w=40,h=40/https://images.opencollective.com/jetbrains/fe76f99/logo/460.png"><span class="text-base hidden sm:block font-semibold">JetBrains</span></a></td></tr></tbody></table></div></div></div></div></section></div></main><div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row h-px"><div class="border-(--ui-border) w-full border-solid border-t"></div><div class="font-medium text-(--ui-text) flex mx-3 whitespace-nowrap"><span class="iconify i-simple-icons:nuxtdotjs shrink-0 size-5" aria-hidden="true" style=""></span></div><div class="border-(--ui-border) w-full border-solid border-t"></div></div><footer><div class="py-8 lg:py-12 border-b border-(--ui-border)"><div class="max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8"><nav class="xl:grid xl:grid-cols-3 xl:gap-8"><div class="flex flex-col lg:grid grid-flow-col auto-cols-fr gap-8 xl:col-span-2"><div><h3 class="text-sm font-semibold">Community</h3><ul class="mt-6 space-y-4"><li class="relative"><a href="https://nuxters.nuxt.com" rel="noopener noreferrer" target="_blank" class="group text-sm flex items-center gap-1.5 focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors"><span class="truncate">Nuxters<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-(--ui-text-dimmed) inline-block" aria-hidden="true" style=""></span></span></a></li><li class="relative"><a href="/team" class="group text-sm flex items-center gap-1.5 focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors"><span class="truncate">Team</span></a></li><li class="relative"><a href="/design-kit" class="group text-sm flex items-center gap-1.5 focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors"><span class="truncate">Design Kit</span></a></li></ul></div><div><h3 class="text-sm font-semibold">Products</h3><ul class="mt-6 space-y-4"><li class="relative"><a href="https://ui.nuxt.com/pro?utm_source=nuxt-website&utm_medium=footer" rel="noopener noreferrer" target="_blank" class="group text-sm flex items-center gap-1.5 focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors"><span class="truncate">Nuxt UI Pro<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-(--ui-text-dimmed) inline-block" aria-hidden="true" style=""></span></span></a></li><li class="relative"><a href="https://content.nuxt.com/studio/?utm_source=nuxt-website&utm_medium=footer" rel="noopener noreferrer" target="_blank" class="group text-sm flex items-center gap-1.5 focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors"><span class="truncate">Nuxt Studio<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-(--ui-text-dimmed) inline-block" aria-hidden="true" style=""></span></span></a></li><li class="relative"><a href="https://hub.nuxt.com/?utm_source=nuxt-website&utm_medium=footer" rel="noopener noreferrer" target="_blank" class="group text-sm flex items-center gap-1.5 focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors"><span class="truncate">NuxtHub<span class="iconify i-lucide:arrow-up-right size-3 absolute top-0 text-(--ui-text-dimmed) inline-block" aria-hidden="true" style=""></span></span></a></li></ul></div><div><h3 class="text-sm font-semibold">Enterprise</h3><ul class="mt-6 space-y-4"><li class="relative"><a href="/enterprise/support" class="group text-sm flex items-center gap-1.5 focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors"><span class="truncate">Support</span></a></li><li class="relative"><a href="/enterprise/agencies" class="group text-sm flex items-center gap-1.5 focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors"><span class="truncate">Agencies</span></a></li><li class="relative"><a href="/enterprise/sponsors" class="group text-sm flex items-center gap-1.5 focus-visible:outline-(--ui-primary) text-(--ui-text-muted) hover:text-(--ui-text) transition-colors"><span class="truncate">Sponsors</span></a></li></ul></div></div><div class="mt-10 xl:mt-0"><form id="v-0-4"><div class="text-sm"><div class=""><div class="flex content-center items-center justify-between"><label for="v-0-5" class="block text-(--ui-text) font-semibold">Subscribe to our newsletter</label></div><p id="v-0-5-description" class="text-(--ui-text-muted)">Stay updated on new releases and features, guides, and community updates.</p></div><div class="relative mt-3"><div class="relative inline-flex items-center max-w-sm w-full"><input id="v-0-5" type="email" value name="email" placeholder="you@domain.com" class="w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-3 py-2 text-sm gap-2 text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary) pe-10" required autocomplete="off" aria-describedby="v-0-5-description" aria-invalid="false"><span class="absolute inset-y-0 end-0 flex items-center pe-3"><button type="submit" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 text-(--ui-bg) bg-(--ui-bg-inverted) hover:bg-(--ui-bg-inverted)/90 disabled:bg-(--ui-bg-inverted) aria-disabled:bg-(--ui-bg-inverted) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-border-inverted)"><span class="truncate">Subscribe</span></button></span></div></div></div></form></div></nav></div></div><div class="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"><div class="lg:flex-1 flex items-center justify-center lg:justify-end gap-x-1.5 lg:order-3"><a href="https://go.nuxt.com/x" rel="noopener noreferrer" target="_blank" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><span class="iconify i-simple-icons:x shrink-0 size-5" aria-hidden="true" style=""></span><span class="sr-only">Nuxt on X</span></a><a href="https://go.nuxt.com/bluesky" rel="noopener noreferrer" target="_blank" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><span class="iconify i-simple-icons:bluesky shrink-0 size-5" aria-hidden="true" style=""></span><span class="sr-only">Nuxt on BlueSky</span></a><a href="https://go.nuxt.com/linkedin" rel="noopener noreferrer" target="_blank" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><span class="iconify i-simple-icons:linkedin shrink-0 size-5" aria-hidden="true" style=""></span><span class="sr-only">Nuxt on LinkedIn</span></a><a href="https://go.nuxt.com/discord" rel="noopener noreferrer" target="_blank" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><span class="iconify i-simple-icons:discord shrink-0 size-5" aria-hidden="true" style=""></span><span class="sr-only">Nuxt on Discord</span></a><a href="https://go.nuxt.com/github" rel="noopener noreferrer" target="_blank" class="rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-hidden 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-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><span class="iconify i-simple-icons:github shrink-0 size-5" aria-hidden="true" style=""></span><span class="sr-only">Nuxt on GitHub</span></a></div><div class="mt-3 lg:mt-0 lg:order-2 flex items-center justify-center"></div><div class="flex items-center justify-center lg:justify-start lg:flex-1 gap-x-1.5 mt-3 lg:mt-0 lg:order-1"><p class="text-(--ui-text-muted) text-sm"> Copyright © 2016-2025 Nuxt - <a href="https://go.nuxt.com/license" rel="noopener noreferrer" target="_blank" class="hover:underline"> MIT License </a></p></div></div></footer><span></span></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/_payload.json?f9627208-7660-4168-9e5e-0167868a2a80">[{"state":1,"once":32,"_errors":33,"serverRendered":5,"path":35,"prerenderedAt":36},["Reactive",2],{"$scolor-mode":3,"$sstats":7,"$smodule-stats":20,"$smodules":22,"$smodule":23,"$stoasts":24,"$scontributors-grid":25,"$ssite-config":26},{"preference":4,"value":4,"unknown":5,"forced":6},"dark",true,false,{"id":8,"name":9,"repo":10,"description":11,"createdAt":12,"updatedAt":13,"pushedAt":14,"stars":15,"watchers":15,"forks":16,"defaultBranch":17,"version":18,"monthlyDownloads":19},71995937,"nuxt","nuxt/nuxt","The Intuitive Vue Framework.","2016-10-26T11:18:47Z","2025-03-27T20:51:14Z","2025-03-27T20:58:11Z",56636,5195,"main","3.16.1",3490385,{"maintainers":21,"contributors":21,"modules":21},0,[],{},[],[],{"_priority":27,"env":30,"name":31},{"name":28,"env":29},-10,-15,"production","nuxt.com",["Set"],["ShallowReactive",34],{"navigation":-1,"search":-1,"index":-1,"official-modules":-1,"top-sponsors":-1,"index-hero-description":-1,"index-hero-tab-0":-1,"index-hero-tab-1":-1,"index-hero-tab-2":-1,"index-hero-tab-3":-1,"index-hero-tab-4":-1,"index-foundation-title":-1,"index-foundation-description":-1,"index-modules-title":-1,"index-support-title":-1,"index-support-description":-1},"/",1743111924132]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{turnstile:{siteKey:"0x4AAAAAAAP2vNBsTBT3ucZi"},content:{wsUrl:""},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"}},headings:{anchorLinks:{h1:false,h2:true,h3:true,h4:true,h5:false,h6:false}}},plausible:{enabled:true,hashMode:false,domain:"",ignoredHostnames:["localhost"],ignoreSubDomains:false,trackLocalhost:"",apiHost:"https://plausible.io",autoPageviews:true,autoOutboundTracking:false,logIgnoredEvents:false,proxy:false,proxyBaseEndpoint:"/_plausible"},"nuxt-scripts":{version:"",defaultScriptOptions:{trigger:"onNuxtReady"}},hub:{},preview:{api:"https://api.nuxt.studio",iframeMessagingAllowedOrigins:"",stagingApi:"https://dev-api.nuxt.studio"}},app:{baseURL:"/",buildId:"f9627208-7660-4168-9e5e-0167868a2a80",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>