[{"data":1,"prerenderedAt":401},["ShallowReactive",2],{"post-\u002Fblog\u002Fnuxt-3-intro":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"cover":11,"tags":12,"body":15,"_type":395,"_id":396,"_source":397,"_file":398,"_stem":399,"_extension":400},"\u002Fblog\u002Fnuxt-3-intro","blog",false,"","Getting Started with Nuxt 3","This is a quick introduction on how to get started with Nuxt 3.","20029-05-24","clement-helardot-95YRwf6CNw8-unsplash.jpg",[13,14],"nuxt","vue",{"type":16,"children":17,"toc":393},"root",[18,26,43,139,152,387],{"type":19,"tag":20,"props":21,"children":23},"element","h1",{"id":22},"getting-started-with-nuxt-3",[24],{"type":25,"value":8},"text",{"type":19,"tag":27,"props":28,"children":29},"p",{},[30,32,41],{"type":25,"value":31},"This is a quick introduction on how to get started with Nuxt 3. To get started you need to have Node.js installed on your machine. You can download it from ",{"type":19,"tag":33,"props":34,"children":38},"a",{"href":35,"rel":36},"https:\u002F\u002Fnodejs.org\u002Fen\u002Fdownload\u002F",[37],"nofollow",[39],{"type":25,"value":40},"here",{"type":25,"value":42},". Once you have Node.js installed, you can install Nuxt 3 using the following command:",{"type":19,"tag":44,"props":45,"children":49},"pre",{"className":46,"code":47,"language":48,"meta":7,"style":7},"language-bash shiki shiki-themes github-dark","npx nuxi init \u003Cproject-name>\ncd \u003Cproject-name>\nnpm i\n","bash",[50],{"type":19,"tag":51,"props":52,"children":53},"code",{"__ignoreMap":7},[54,99,125],{"type":19,"tag":55,"props":56,"children":59},"span",{"class":57,"line":58},"line",1,[60,66,72,77,83,88,94],{"type":19,"tag":55,"props":61,"children":63},{"style":62},"--shiki-default:#B392F0",[64],{"type":25,"value":65},"npx",{"type":19,"tag":55,"props":67,"children":69},{"style":68},"--shiki-default:#9ECBFF",[70],{"type":25,"value":71}," nuxi",{"type":19,"tag":55,"props":73,"children":74},{"style":68},[75],{"type":25,"value":76}," init",{"type":19,"tag":55,"props":78,"children":80},{"style":79},"--shiki-default:#F97583",[81],{"type":25,"value":82}," \u003C",{"type":19,"tag":55,"props":84,"children":85},{"style":68},[86],{"type":25,"value":87},"project-nam",{"type":19,"tag":55,"props":89,"children":91},{"style":90},"--shiki-default:#E1E4E8",[92],{"type":25,"value":93},"e",{"type":19,"tag":55,"props":95,"children":96},{"style":79},[97],{"type":25,"value":98},">\n",{"type":19,"tag":55,"props":100,"children":102},{"class":57,"line":101},2,[103,109,113,117,121],{"type":19,"tag":55,"props":104,"children":106},{"style":105},"--shiki-default:#79B8FF",[107],{"type":25,"value":108},"cd",{"type":19,"tag":55,"props":110,"children":111},{"style":79},[112],{"type":25,"value":82},{"type":19,"tag":55,"props":114,"children":115},{"style":68},[116],{"type":25,"value":87},{"type":19,"tag":55,"props":118,"children":119},{"style":90},[120],{"type":25,"value":93},{"type":19,"tag":55,"props":122,"children":123},{"style":79},[124],{"type":25,"value":98},{"type":19,"tag":55,"props":126,"children":128},{"class":57,"line":127},3,[129,134],{"type":19,"tag":55,"props":130,"children":131},{"style":62},[132],{"type":25,"value":133},"npm",{"type":19,"tag":55,"props":135,"children":136},{"style":68},[137],{"type":25,"value":138}," i\n",{"type":19,"tag":27,"props":140,"children":141},{},[142,144,150],{"type":25,"value":143},"Next you can begin to build out your application by using ",{"type":19,"tag":51,"props":145,"children":147},{"className":146},[],[148],{"type":25,"value":149},"app.vue",{"type":25,"value":151},".",{"type":19,"tag":44,"props":153,"children":157},{"className":154,"code":155,"language":156,"meta":7,"style":7},"language-html shiki shiki-themes github-dark","\u003Cscript setup>\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col min-h-screen\">\n    \u003CSiteHeader \u002F>\n    \u003Cmain class=\" mx-auto max-w-7xl px-2 sm:px-6 lg:px-8 grow items-start w-full\">\n      \u003CNuxtPage \u002F>\n    \u003C\u002Fmain>\n    \u003CSiteFooter \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","html",[158],{"type":19,"tag":51,"props":159,"children":160},{"__ignoreMap":7},[161,193,202,218,251,271,301,319,336,353,370],{"type":19,"tag":55,"props":162,"children":163},{"class":57,"line":58},[164,169,175,180,185,189],{"type":19,"tag":55,"props":165,"children":166},{"style":90},[167],{"type":25,"value":168},"\u003C",{"type":19,"tag":55,"props":170,"children":172},{"style":171},"--shiki-default:#85E89D",[173],{"type":25,"value":174},"script",{"type":19,"tag":55,"props":176,"children":177},{"style":62},[178],{"type":25,"value":179}," setup",{"type":19,"tag":55,"props":181,"children":182},{"style":90},[183],{"type":25,"value":184},">\u003C\u002F",{"type":19,"tag":55,"props":186,"children":187},{"style":171},[188],{"type":25,"value":174},{"type":19,"tag":55,"props":190,"children":191},{"style":90},[192],{"type":25,"value":98},{"type":19,"tag":55,"props":194,"children":195},{"class":57,"line":101},[196],{"type":19,"tag":55,"props":197,"children":199},{"emptyLinePlaceholder":198},true,[200],{"type":25,"value":201},"\n",{"type":19,"tag":55,"props":203,"children":204},{"class":57,"line":127},[205,209,214],{"type":19,"tag":55,"props":206,"children":207},{"style":90},[208],{"type":25,"value":168},{"type":19,"tag":55,"props":210,"children":211},{"style":171},[212],{"type":25,"value":213},"template",{"type":19,"tag":55,"props":215,"children":216},{"style":90},[217],{"type":25,"value":98},{"type":19,"tag":55,"props":219,"children":221},{"class":57,"line":220},4,[222,227,232,237,242,247],{"type":19,"tag":55,"props":223,"children":224},{"style":90},[225],{"type":25,"value":226},"  \u003C",{"type":19,"tag":55,"props":228,"children":229},{"style":171},[230],{"type":25,"value":231},"div",{"type":19,"tag":55,"props":233,"children":234},{"style":62},[235],{"type":25,"value":236}," class",{"type":19,"tag":55,"props":238,"children":239},{"style":90},[240],{"type":25,"value":241},"=",{"type":19,"tag":55,"props":243,"children":244},{"style":68},[245],{"type":25,"value":246},"\"flex flex-col min-h-screen\"",{"type":19,"tag":55,"props":248,"children":249},{"style":90},[250],{"type":25,"value":98},{"type":19,"tag":55,"props":252,"children":254},{"class":57,"line":253},5,[255,260,266],{"type":19,"tag":55,"props":256,"children":257},{"style":90},[258],{"type":25,"value":259},"    \u003C",{"type":19,"tag":55,"props":261,"children":263},{"style":262},"--shiki-default:#FDAEB7;--shiki-default-font-style:italic",[264],{"type":25,"value":265},"SiteHeader",{"type":19,"tag":55,"props":267,"children":268},{"style":90},[269],{"type":25,"value":270}," \u002F>\n",{"type":19,"tag":55,"props":272,"children":274},{"class":57,"line":273},6,[275,279,284,288,292,297],{"type":19,"tag":55,"props":276,"children":277},{"style":90},[278],{"type":25,"value":259},{"type":19,"tag":55,"props":280,"children":281},{"style":171},[282],{"type":25,"value":283},"main",{"type":19,"tag":55,"props":285,"children":286},{"style":62},[287],{"type":25,"value":236},{"type":19,"tag":55,"props":289,"children":290},{"style":90},[291],{"type":25,"value":241},{"type":19,"tag":55,"props":293,"children":294},{"style":68},[295],{"type":25,"value":296},"\" mx-auto max-w-7xl px-2 sm:px-6 lg:px-8 grow items-start w-full\"",{"type":19,"tag":55,"props":298,"children":299},{"style":90},[300],{"type":25,"value":98},{"type":19,"tag":55,"props":302,"children":304},{"class":57,"line":303},7,[305,310,315],{"type":19,"tag":55,"props":306,"children":307},{"style":90},[308],{"type":25,"value":309},"      \u003C",{"type":19,"tag":55,"props":311,"children":312},{"style":262},[313],{"type":25,"value":314},"NuxtPage",{"type":19,"tag":55,"props":316,"children":317},{"style":90},[318],{"type":25,"value":270},{"type":19,"tag":55,"props":320,"children":322},{"class":57,"line":321},8,[323,328,332],{"type":19,"tag":55,"props":324,"children":325},{"style":90},[326],{"type":25,"value":327},"    \u003C\u002F",{"type":19,"tag":55,"props":329,"children":330},{"style":171},[331],{"type":25,"value":283},{"type":19,"tag":55,"props":333,"children":334},{"style":90},[335],{"type":25,"value":98},{"type":19,"tag":55,"props":337,"children":339},{"class":57,"line":338},9,[340,344,349],{"type":19,"tag":55,"props":341,"children":342},{"style":90},[343],{"type":25,"value":259},{"type":19,"tag":55,"props":345,"children":346},{"style":262},[347],{"type":25,"value":348},"SiteFooter",{"type":19,"tag":55,"props":350,"children":351},{"style":90},[352],{"type":25,"value":270},{"type":19,"tag":55,"props":354,"children":356},{"class":57,"line":355},10,[357,362,366],{"type":19,"tag":55,"props":358,"children":359},{"style":90},[360],{"type":25,"value":361},"  \u003C\u002F",{"type":19,"tag":55,"props":363,"children":364},{"style":171},[365],{"type":25,"value":231},{"type":19,"tag":55,"props":367,"children":368},{"style":90},[369],{"type":25,"value":98},{"type":19,"tag":55,"props":371,"children":373},{"class":57,"line":372},11,[374,379,383],{"type":19,"tag":55,"props":375,"children":376},{"style":90},[377],{"type":25,"value":378},"\u003C\u002F",{"type":19,"tag":55,"props":380,"children":381},{"style":171},[382],{"type":25,"value":213},{"type":19,"tag":55,"props":384,"children":385},{"style":90},[386],{"type":25,"value":98},{"type":19,"tag":388,"props":389,"children":390},"style",{},[391],{"type":25,"value":392},"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);}",{"title":7,"searchDepth":101,"depth":101,"links":394},[],"markdown","content:blog:nuxt-3-intro.md","content","blog\u002Fnuxt-3-intro.md","blog\u002Fnuxt-3-intro","md",1776168597726]