CINXE.COM

<!DOCTYPE html><html data-capo=""><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Vitesse for Nuxt 3</title><link rel="stylesheet" href="/_nuxt/entry.BAMsym43.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/_nuxt/IWNyUNcZ.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CfQDyImI.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/D_wuoNSU.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Cra-jp4W.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DlAUqK2U.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DxuZ8gwq.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/D0hcbUuH.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/DL_hIMXg.js"><link rel="prefetch" as="style" crossorigin href="/_nuxt/error-404.zM7ZuBjk.css"><link rel="prefetch" as="script" crossorigin href="/_nuxt/mekY-OB_.js"><link rel="prefetch" as="style" crossorigin href="/_nuxt/error-500.7LN8O56Y.css"><link rel="prefetch" as="script" crossorigin href="/_nuxt/Bso2Kf5C.js"><meta name="description" content="Vitesse for Nuxt 3"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="theme-color" media="(prefers-color-scheme: light)" content="white"><meta name="theme-color" media="(prefers-color-scheme: dark)" content="#222222"><link rel="icon" href="/favicon.ico" sizes="any"><link rel="icon" type="image/svg+xml" href="/nuxt.svg"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="manifest" href="/manifest.webmanifest"><meta id="theme-color" name="theme-color" content="#ffffff"><script type="module" src="/_nuxt/IWNyUNcZ.js" crossorigin></script><link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/0496f42a-bb04-40b9-ab83-df8407ef11fc.json"><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt"><main class="px-10 py-20 text-center"><div><div inline-flex cursor-default text-2xl font-300 mb-6><div flex flex-col children:mx-auto><img inline-block h-18 w-18 src="/nuxt.svg"><span mt--2 text-green5>Nuxt 3</span></div><div text="3xl gray4" m="x-4 y-auto" i-carbon-add transform transition-all-500 hover:rotate-135></div><div flex flex-col children:mx-auto><img inline-block h-18 w-18 src="/vite.png"><span mt--2 text-purple5>Vitesse</span></div></div><div op50><span animate-pulse>...</span></div><div><input id="input" value="" placeholder="What's your name?" type="text" autocomplete="off" p="x-4 y-2" m="t-5" w="250px" text="center" bg="transparent" border="~ rounded gray-200 dark:gray-700" outline="none active:none"><div><button m-3 text-sm btn disabled> GO </button></div></div></div><div text="xl gray4" m-5 flex="~ gap3" justify-center><a aria-current="page" href="/" class="router-link-active router-link-exact-active" i-carbon-campsite></a><a i-carbon-logo-github href="https://github.com/antfu/vitesse-nuxt3" target="_blank"></a><button class="!outline-none"><div class="i-carbon-sun dark:i-carbon-moon"></div></button></div><div class="mx-auto mt-5 text-center text-sm opacity-25"> [Home Layout] </div></main></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"prerenderedAt":2,"data":3,"state":5,"once":11,"_errors":12,"serverRendered":9,"path":14,"pinia":15},1738911218526,["ShallowReactive",4],{},["Reactive",6],{"$scolor-mode":7},{"preference":8,"value":8,"unknown":9,"forced":10},"system",true,false,["Set"],["ShallowReactive",13],{},"/",{}]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"0496f42a-bb04-40b9-ab83-df8407ef11fc",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>