[{"data":1,"prerenderedAt":2304},["Reactive",2],{"articles":3},[4,382,1307,2040],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"cover":11,"author":12,"date":16,"layout":17,"body":18,"_type":377,"_id":378,"_source":379,"_file":380,"_extension":381},"/articles/get-started","articles",false,"","Get started with Alpine","Creating a blog with Alpine is a command away, as well as deploying to many platforms.","/articles/get-started.webp",{"name":13,"avatarUrl":14,"link":15},"Sébastien Chopin","https://pbs.twimg.com/profile_images/1042510623962275840/1Iw_Mvud_400x400.jpg","https://twitter.com/atinux","2022-08-23T00:00:00.000Z","article",{"type":19,"children":20,"toc":365},"root",[21,29,34,41,46,91,97,110,130,136,141,165,178,184,191,196,219,232,238,251,288,294,299,322,334,339,359],{"type":22,"tag":23,"props":24,"children":26},"element","h1",{"id":25},"get-started-with-alpine",[27],{"type":28,"value":9},"text",{"type":22,"tag":30,"props":31,"children":32},"p",{},[33],{"type":28,"value":10},{"type":22,"tag":35,"props":36,"children":38},"h2",{"id":37},"create-a-blog",[39],{"type":28,"value":40},"Create a blog",{"type":22,"tag":30,"props":42,"children":43},{},[44],{"type":28,"value":45},"Open a terminal an run the following command:",{"type":22,"tag":47,"props":48,"children":52},"pre",{"className":49,"code":50,"language":51,"meta":8,"style":8},"language-bash shiki shiki-themes github-light github-dark","npx nuxi@latest init -t themes/alpine\n","bash",[53],{"type":22,"tag":54,"props":55,"children":56},"code",{"__ignoreMap":8},[57],{"type":22,"tag":58,"props":59,"children":62},"span",{"class":60,"line":61},"line",1,[63,69,75,80,86],{"type":22,"tag":58,"props":64,"children":66},{"style":65},"--shiki-default:#6F42C1;--shiki-dark:#B392F0",[67],{"type":28,"value":68},"npx",{"type":22,"tag":58,"props":70,"children":72},{"style":71},"--shiki-default:#032F62;--shiki-dark:#9ECBFF",[73],{"type":28,"value":74}," nuxi@latest",{"type":22,"tag":58,"props":76,"children":77},{"style":71},[78],{"type":28,"value":79}," init",{"type":22,"tag":58,"props":81,"children":83},{"style":82},"--shiki-default:#005CC5;--shiki-dark:#79B8FF",[84],{"type":28,"value":85}," -t",{"type":22,"tag":58,"props":87,"children":88},{"style":71},[89],{"type":28,"value":90}," themes/alpine\n",{"type":22,"tag":35,"props":92,"children":94},{"id":93},"dependencies",[95],{"type":28,"value":96},"Dependencies",{"type":22,"tag":30,"props":98,"children":99},{},[100,102,108],{"type":28,"value":101},"Next, go to to ",{"type":22,"tag":54,"props":103,"children":105},{"className":104},[],[106],{"type":28,"value":107},"my-blog/",{"type":28,"value":109}," directory and install the dependencies:",{"type":22,"tag":47,"props":111,"children":113},{"className":49,"code":112,"language":51,"meta":8,"style":8},"npm install\n",[114],{"type":22,"tag":54,"props":115,"children":116},{"__ignoreMap":8},[117],{"type":22,"tag":58,"props":118,"children":119},{"class":60,"line":61},[120,125],{"type":22,"tag":58,"props":121,"children":122},{"style":65},[123],{"type":28,"value":124},"npm",{"type":22,"tag":58,"props":126,"children":127},{"style":71},[128],{"type":28,"value":129}," install\n",{"type":22,"tag":35,"props":131,"children":133},{"id":132},"development",[134],{"type":28,"value":135},"Development",{"type":22,"tag":30,"props":137,"children":138},{},[139],{"type":28,"value":140},"Start the development server on port 3000:",{"type":22,"tag":47,"props":142,"children":144},{"className":49,"code":143,"language":51,"meta":8,"style":8},"npm run dev\n",[145],{"type":22,"tag":54,"props":146,"children":147},{"__ignoreMap":8},[148],{"type":22,"tag":58,"props":149,"children":150},{"class":60,"line":61},[151,155,160],{"type":22,"tag":58,"props":152,"children":153},{"style":65},[154],{"type":28,"value":124},{"type":22,"tag":58,"props":156,"children":157},{"style":71},[158],{"type":28,"value":159}," run",{"type":22,"tag":58,"props":161,"children":162},{"style":71},[163],{"type":28,"value":164}," dev\n",{"type":22,"tag":30,"props":166,"children":167},{},[168,170,176],{"type":28,"value":169},"Next, you can start creating your content in Markdown in the ",{"type":22,"tag":54,"props":171,"children":173},{"className":172},[],[174],{"type":28,"value":175},"content/",{"type":28,"value":177}," directory.",{"type":22,"tag":35,"props":179,"children":181},{"id":180},"deploy",[182],{"type":28,"value":183},"Deploy",{"type":22,"tag":185,"props":186,"children":188},"h3",{"id":187},"static-hosting",[189],{"type":28,"value":190},"Static hosting",{"type":22,"tag":30,"props":192,"children":193},{},[194],{"type":28,"value":195},"You can deploy Alpine to any static hosting by running the following command:",{"type":22,"tag":47,"props":197,"children":199},{"className":49,"code":198,"language":51,"meta":8,"style":8},"npm run generate\n",[200],{"type":22,"tag":54,"props":201,"children":202},{"__ignoreMap":8},[203],{"type":22,"tag":58,"props":204,"children":205},{"class":60,"line":61},[206,210,214],{"type":22,"tag":58,"props":207,"children":208},{"style":65},[209],{"type":28,"value":124},{"type":22,"tag":58,"props":211,"children":212},{"style":71},[213],{"type":28,"value":159},{"type":22,"tag":58,"props":215,"children":216},{"style":71},[217],{"type":28,"value":218}," generate\n",{"type":22,"tag":30,"props":220,"children":221},{},[222,224,230],{"type":28,"value":223},"This command will create a ",{"type":22,"tag":54,"props":225,"children":227},{"className":226},[],[228],{"type":28,"value":229},"dist/",{"type":28,"value":231}," directory with the compiled files ready to be uploaded to any static hosting.",{"type":22,"tag":185,"props":233,"children":235},{"id":234},"edge-platforms",[236],{"type":28,"value":237},"Edge platforms",{"type":22,"tag":30,"props":239,"children":240},{},[241,243,249],{"type":28,"value":242},"Alpine supports deploying to the following platforms with ",{"type":22,"tag":244,"props":245,"children":246},"strong",{},[247],{"type":28,"value":248},"zero configuration",{"type":28,"value":250},":",{"type":22,"tag":252,"props":253,"children":254},"ul",{},[255,268,278],{"type":22,"tag":256,"props":257,"children":258},"li",{},[259],{"type":22,"tag":260,"props":261,"children":265},"a",{"href":262,"rel":263},"https://vercel.com",[264],"nofollow",[266],{"type":28,"value":267},"Vercel",{"type":22,"tag":256,"props":269,"children":270},{},[271],{"type":22,"tag":260,"props":272,"children":275},{"href":273,"rel":274},"https://netlify.com",[264],[276],{"type":28,"value":277},"Netlify",{"type":22,"tag":256,"props":279,"children":280},{},[281],{"type":22,"tag":260,"props":282,"children":285},{"href":283,"rel":284},"https://v3.nuxtjs.org/guide/deploy/presets#supported-hosting-providers",[264],[286],{"type":28,"value":287},"and more...",{"type":22,"tag":185,"props":289,"children":291},{"id":290},"node-server",[292],{"type":28,"value":293},"Node server",{"type":22,"tag":30,"props":295,"children":296},{},[297],{"type":28,"value":298},"You can deploy Alpine to a Node server by running the following command:",{"type":22,"tag":47,"props":300,"children":302},{"className":49,"code":301,"language":51,"meta":8,"style":8},"npm run build\n",[303],{"type":22,"tag":54,"props":304,"children":305},{"__ignoreMap":8},[306],{"type":22,"tag":58,"props":307,"children":308},{"class":60,"line":61},[309,313,317],{"type":22,"tag":58,"props":310,"children":311},{"style":65},[312],{"type":28,"value":124},{"type":22,"tag":58,"props":314,"children":315},{"style":71},[316],{"type":28,"value":159},{"type":22,"tag":58,"props":318,"children":319},{"style":71},[320],{"type":28,"value":321}," build\n",{"type":22,"tag":30,"props":323,"children":324},{},[325,326,332],{"type":28,"value":223},{"type":22,"tag":54,"props":327,"children":329},{"className":328},[],[330],{"type":28,"value":331},".output/",{"type":28,"value":333}," directory with the compiled files ready to be uploaded to any Node server.",{"type":22,"tag":30,"props":335,"children":336},{},[337],{"type":28,"value":338},"To start the production server, run the following command:",{"type":22,"tag":47,"props":340,"children":342},{"className":49,"code":341,"language":51,"meta":8,"style":8},"node .output/server/index.mjs\n",[343],{"type":22,"tag":54,"props":344,"children":345},{"__ignoreMap":8},[346],{"type":22,"tag":58,"props":347,"children":348},{"class":60,"line":61},[349,354],{"type":22,"tag":58,"props":350,"children":351},{"style":65},[352],{"type":28,"value":353},"node",{"type":22,"tag":58,"props":355,"children":356},{"style":71},[357],{"type":28,"value":358}," .output/server/index.mjs\n",{"type":22,"tag":360,"props":361,"children":362},"style",{},[363],{"type":28,"value":364},"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 .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 .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 .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);}",{"title":8,"searchDepth":366,"depth":366,"links":367},2,[368,369,370,371],{"id":37,"depth":366,"text":40},{"id":93,"depth":366,"text":96},{"id":132,"depth":366,"text":135},{"id":180,"depth":366,"text":183,"children":372},[373,375,376],{"id":187,"depth":374,"text":190},3,{"id":234,"depth":374,"text":237},{"id":290,"depth":374,"text":293},"markdown","content:articles:1.get-started.md","content","articles/1.get-started.md","md",{"_path":383,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":384,"description":385,"cover":386,"author":387,"date":16,"layout":17,"body":391,"_type":377,"_id":1305,"_source":379,"_file":1306,"_extension":381},"/articles/configure","Configure Alpine","Learn how to configure Alpine with the app.config.ts file.","/articles/configure-alpine.webp",{"name":388,"avatarUrl":389,"link":390},"Clément Ollivier","https://pbs.twimg.com/profile_images/1370286658432724996/ZMSDzzIi_400x400.jpg","https://twitter.com/clemcodes",{"type":19,"children":392,"toc":1300},[393,398,419,488,502,515,521,526,722,728,741,982,988,1000,1296],{"type":22,"tag":23,"props":394,"children":396},{"id":395},"configure-alpine",[397],{"type":28,"value":384},{"type":22,"tag":30,"props":399,"children":400},{},[401,403,409,411,417],{"type":28,"value":402},"To configure meta tags, social links or even the Alpine theme display, update the ",{"type":22,"tag":54,"props":404,"children":406},{"className":405},[],[407],{"type":28,"value":408},"alpine",{"type":28,"value":410}," key in the ",{"type":22,"tag":54,"props":412,"children":414},{"className":413},[],[415],{"type":28,"value":416},"app.config.ts",{"type":28,"value":418}," at the root of your project:",{"type":22,"tag":47,"props":420,"children":424},{"className":421,"code":422,"filename":416,"language":423,"meta":8,"style":8},"language-ts shiki shiki-themes github-light github-dark","export default defineAppConfig({\n  alpine: {\n    /* Alpine configuration goes here */\n  }\n}\n","ts",[425],{"type":22,"tag":54,"props":426,"children":427},{"__ignoreMap":8},[428,453,461,470,479],{"type":22,"tag":58,"props":429,"children":430},{"class":60,"line":61},[431,437,442,447],{"type":22,"tag":58,"props":432,"children":434},{"style":433},"--shiki-default:#D73A49;--shiki-dark:#F97583",[435],{"type":28,"value":436},"export",{"type":22,"tag":58,"props":438,"children":439},{"style":433},[440],{"type":28,"value":441}," default",{"type":22,"tag":58,"props":443,"children":444},{"style":65},[445],{"type":28,"value":446}," defineAppConfig",{"type":22,"tag":58,"props":448,"children":450},{"style":449},"--shiki-default:#24292E;--shiki-dark:#E1E4E8",[451],{"type":28,"value":452},"({\n",{"type":22,"tag":58,"props":454,"children":455},{"class":60,"line":366},[456],{"type":22,"tag":58,"props":457,"children":458},{"style":449},[459],{"type":28,"value":460},"  alpine: {\n",{"type":22,"tag":58,"props":462,"children":463},{"class":60,"line":374},[464],{"type":22,"tag":58,"props":465,"children":467},{"style":466},"--shiki-default:#6A737D;--shiki-dark:#6A737D",[468],{"type":28,"value":469},"    /* Alpine configuration goes here */\n",{"type":22,"tag":58,"props":471,"children":473},{"class":60,"line":472},4,[474],{"type":22,"tag":58,"props":475,"children":476},{"style":449},[477],{"type":28,"value":478},"  }\n",{"type":22,"tag":58,"props":480,"children":482},{"class":60,"line":481},5,[483],{"type":22,"tag":58,"props":484,"children":485},{"style":449},[486],{"type":28,"value":487},"}\n",{"type":22,"tag":30,"props":489,"children":490},{},[491,493,500],{"type":28,"value":492},"You can look at the ",{"type":22,"tag":260,"props":494,"children":497},{"href":495,"rel":496},"https://github.com/nuxt-themes/alpine/tree/main/app.config.ts",[264],[498],{"type":28,"value":499},"default config",{"type":28,"value":501},".",{"type":22,"tag":30,"props":503,"children":504},{},[505,507,513],{"type":28,"value":506},"The ",{"type":22,"tag":260,"props":508,"children":510},{"href":495,"rel":509},[264],[511],{"type":28,"value":512},"config schema",{"type":28,"value":514}," also gives comments on all the configuration parameters.",{"type":22,"tag":35,"props":516,"children":518},{"id":517},"meta-tags",[519],{"type":28,"value":520},"Meta tags",{"type":22,"tag":30,"props":522,"children":523},{},[524],{"type":28,"value":525},"Configure the title, description and social image of your website:",{"type":22,"tag":47,"props":527,"children":529},{"className":421,"code":528,"filename":416,"language":423,"meta":8,"style":8},"export default defineAppConfig({\n  alpine: {\n    title: 'Alpine',\n    description: 'The minimalist blog theme',\n    image: '/social-card-preview.png',\n    // image can also be an object:\n    image: {\n      src: '/social-card-preview.png',\n      alt: 'An image showcasing my project.',\n      width: 400,\n      height: 300\n    }\n  }\n})\n",[530],{"type":22,"tag":54,"props":531,"children":532},{"__ignoreMap":8},[533,552,559,577,594,611,620,629,646,664,682,696,705,713],{"type":22,"tag":58,"props":534,"children":535},{"class":60,"line":61},[536,540,544,548],{"type":22,"tag":58,"props":537,"children":538},{"style":433},[539],{"type":28,"value":436},{"type":22,"tag":58,"props":541,"children":542},{"style":433},[543],{"type":28,"value":441},{"type":22,"tag":58,"props":545,"children":546},{"style":65},[547],{"type":28,"value":446},{"type":22,"tag":58,"props":549,"children":550},{"style":449},[551],{"type":28,"value":452},{"type":22,"tag":58,"props":553,"children":554},{"class":60,"line":366},[555],{"type":22,"tag":58,"props":556,"children":557},{"style":449},[558],{"type":28,"value":460},{"type":22,"tag":58,"props":560,"children":561},{"class":60,"line":374},[562,567,572],{"type":22,"tag":58,"props":563,"children":564},{"style":449},[565],{"type":28,"value":566},"    title: ",{"type":22,"tag":58,"props":568,"children":569},{"style":71},[570],{"type":28,"value":571},"'Alpine'",{"type":22,"tag":58,"props":573,"children":574},{"style":449},[575],{"type":28,"value":576},",\n",{"type":22,"tag":58,"props":578,"children":579},{"class":60,"line":472},[580,585,590],{"type":22,"tag":58,"props":581,"children":582},{"style":449},[583],{"type":28,"value":584},"    description: ",{"type":22,"tag":58,"props":586,"children":587},{"style":71},[588],{"type":28,"value":589},"'The minimalist blog theme'",{"type":22,"tag":58,"props":591,"children":592},{"style":449},[593],{"type":28,"value":576},{"type":22,"tag":58,"props":595,"children":596},{"class":60,"line":481},[597,602,607],{"type":22,"tag":58,"props":598,"children":599},{"style":449},[600],{"type":28,"value":601},"    image: ",{"type":22,"tag":58,"props":603,"children":604},{"style":71},[605],{"type":28,"value":606},"'/social-card-preview.png'",{"type":22,"tag":58,"props":608,"children":609},{"style":449},[610],{"type":28,"value":576},{"type":22,"tag":58,"props":612,"children":614},{"class":60,"line":613},6,[615],{"type":22,"tag":58,"props":616,"children":617},{"style":466},[618],{"type":28,"value":619},"    // image can also be an object:\n",{"type":22,"tag":58,"props":621,"children":623},{"class":60,"line":622},7,[624],{"type":22,"tag":58,"props":625,"children":626},{"style":449},[627],{"type":28,"value":628},"    image: {\n",{"type":22,"tag":58,"props":630,"children":632},{"class":60,"line":631},8,[633,638,642],{"type":22,"tag":58,"props":634,"children":635},{"style":449},[636],{"type":28,"value":637},"      src: ",{"type":22,"tag":58,"props":639,"children":640},{"style":71},[641],{"type":28,"value":606},{"type":22,"tag":58,"props":643,"children":644},{"style":449},[645],{"type":28,"value":576},{"type":22,"tag":58,"props":647,"children":649},{"class":60,"line":648},9,[650,655,660],{"type":22,"tag":58,"props":651,"children":652},{"style":449},[653],{"type":28,"value":654},"      alt: ",{"type":22,"tag":58,"props":656,"children":657},{"style":71},[658],{"type":28,"value":659},"'An image showcasing my project.'",{"type":22,"tag":58,"props":661,"children":662},{"style":449},[663],{"type":28,"value":576},{"type":22,"tag":58,"props":665,"children":667},{"class":60,"line":666},10,[668,673,678],{"type":22,"tag":58,"props":669,"children":670},{"style":449},[671],{"type":28,"value":672},"      width: ",{"type":22,"tag":58,"props":674,"children":675},{"style":82},[676],{"type":28,"value":677},"400",{"type":22,"tag":58,"props":679,"children":680},{"style":449},[681],{"type":28,"value":576},{"type":22,"tag":58,"props":683,"children":685},{"class":60,"line":684},11,[686,691],{"type":22,"tag":58,"props":687,"children":688},{"style":449},[689],{"type":28,"value":690},"      height: ",{"type":22,"tag":58,"props":692,"children":693},{"style":82},[694],{"type":28,"value":695},"300\n",{"type":22,"tag":58,"props":697,"children":699},{"class":60,"line":698},12,[700],{"type":22,"tag":58,"props":701,"children":702},{"style":449},[703],{"type":28,"value":704},"    }\n",{"type":22,"tag":58,"props":706,"children":708},{"class":60,"line":707},13,[709],{"type":22,"tag":58,"props":710,"children":711},{"style":449},[712],{"type":28,"value":478},{"type":22,"tag":58,"props":714,"children":716},{"class":60,"line":715},14,[717],{"type":22,"tag":58,"props":718,"children":719},{"style":449},[720],{"type":28,"value":721},"})\n",{"type":22,"tag":35,"props":723,"children":725},{"id":724},"social-links",[726],{"type":28,"value":727},"Social links",{"type":22,"tag":30,"props":729,"children":730},{},[731,733,739],{"type":28,"value":732},"To configure the social links displayed in the footer, use the ",{"type":22,"tag":54,"props":734,"children":736},{"className":735},[],[737],{"type":28,"value":738},"socials",{"type":28,"value":740}," property:",{"type":22,"tag":47,"props":742,"children":744},{"className":421,"code":743,"filename":416,"language":423,"meta":8,"style":8},"export default defineAppConfig({\n  alpine: {\n    socials: {\n      twitter: 'nuxtlabs',\n      instagram: 'wearenuxt',\n      linkedin: {\n        icon: 'uil:linkedin',\n        label: 'LinkedIn',\n        href: 'https://www.linkedin.com/company/nuxtlabs'\n      },\n      mastodon: {\n        icon: 'simple-icons:mastodon',\n        label: 'Mastodon',\n        href: 'https://m.webtoo.ls/@nuxt',\n        rel: 'me'\n      }\n    }\n  }\n})\n",[745],{"type":22,"tag":54,"props":746,"children":747},{"__ignoreMap":8},[748,767,774,782,799,816,824,841,858,871,879,887,903,919,935,949,958,966,974],{"type":22,"tag":58,"props":749,"children":750},{"class":60,"line":61},[751,755,759,763],{"type":22,"tag":58,"props":752,"children":753},{"style":433},[754],{"type":28,"value":436},{"type":22,"tag":58,"props":756,"children":757},{"style":433},[758],{"type":28,"value":441},{"type":22,"tag":58,"props":760,"children":761},{"style":65},[762],{"type":28,"value":446},{"type":22,"tag":58,"props":764,"children":765},{"style":449},[766],{"type":28,"value":452},{"type":22,"tag":58,"props":768,"children":769},{"class":60,"line":366},[770],{"type":22,"tag":58,"props":771,"children":772},{"style":449},[773],{"type":28,"value":460},{"type":22,"tag":58,"props":775,"children":776},{"class":60,"line":374},[777],{"type":22,"tag":58,"props":778,"children":779},{"style":449},[780],{"type":28,"value":781},"    socials: {\n",{"type":22,"tag":58,"props":783,"children":784},{"class":60,"line":472},[785,790,795],{"type":22,"tag":58,"props":786,"children":787},{"style":449},[788],{"type":28,"value":789},"      twitter: ",{"type":22,"tag":58,"props":791,"children":792},{"style":71},[793],{"type":28,"value":794},"'nuxtlabs'",{"type":22,"tag":58,"props":796,"children":797},{"style":449},[798],{"type":28,"value":576},{"type":22,"tag":58,"props":800,"children":801},{"class":60,"line":481},[802,807,812],{"type":22,"tag":58,"props":803,"children":804},{"style":449},[805],{"type":28,"value":806},"      instagram: ",{"type":22,"tag":58,"props":808,"children":809},{"style":71},[810],{"type":28,"value":811},"'wearenuxt'",{"type":22,"tag":58,"props":813,"children":814},{"style":449},[815],{"type":28,"value":576},{"type":22,"tag":58,"props":817,"children":818},{"class":60,"line":613},[819],{"type":22,"tag":58,"props":820,"children":821},{"style":449},[822],{"type":28,"value":823},"      linkedin: {\n",{"type":22,"tag":58,"props":825,"children":826},{"class":60,"line":622},[827,832,837],{"type":22,"tag":58,"props":828,"children":829},{"style":449},[830],{"type":28,"value":831},"        icon: ",{"type":22,"tag":58,"props":833,"children":834},{"style":71},[835],{"type":28,"value":836},"'uil:linkedin'",{"type":22,"tag":58,"props":838,"children":839},{"style":449},[840],{"type":28,"value":576},{"type":22,"tag":58,"props":842,"children":843},{"class":60,"line":631},[844,849,854],{"type":22,"tag":58,"props":845,"children":846},{"style":449},[847],{"type":28,"value":848},"        label: ",{"type":22,"tag":58,"props":850,"children":851},{"style":71},[852],{"type":28,"value":853},"'LinkedIn'",{"type":22,"tag":58,"props":855,"children":856},{"style":449},[857],{"type":28,"value":576},{"type":22,"tag":58,"props":859,"children":860},{"class":60,"line":648},[861,866],{"type":22,"tag":58,"props":862,"children":863},{"style":449},[864],{"type":28,"value":865},"        href: ",{"type":22,"tag":58,"props":867,"children":868},{"style":71},[869],{"type":28,"value":870},"'https://www.linkedin.com/company/nuxtlabs'\n",{"type":22,"tag":58,"props":872,"children":873},{"class":60,"line":666},[874],{"type":22,"tag":58,"props":875,"children":876},{"style":449},[877],{"type":28,"value":878},"      },\n",{"type":22,"tag":58,"props":880,"children":881},{"class":60,"line":684},[882],{"type":22,"tag":58,"props":883,"children":884},{"style":449},[885],{"type":28,"value":886},"      mastodon: {\n",{"type":22,"tag":58,"props":888,"children":889},{"class":60,"line":698},[890,894,899],{"type":22,"tag":58,"props":891,"children":892},{"style":449},[893],{"type":28,"value":831},{"type":22,"tag":58,"props":895,"children":896},{"style":71},[897],{"type":28,"value":898},"'simple-icons:mastodon'",{"type":22,"tag":58,"props":900,"children":901},{"style":449},[902],{"type":28,"value":576},{"type":22,"tag":58,"props":904,"children":905},{"class":60,"line":707},[906,910,915],{"type":22,"tag":58,"props":907,"children":908},{"style":449},[909],{"type":28,"value":848},{"type":22,"tag":58,"props":911,"children":912},{"style":71},[913],{"type":28,"value":914},"'Mastodon'",{"type":22,"tag":58,"props":916,"children":917},{"style":449},[918],{"type":28,"value":576},{"type":22,"tag":58,"props":920,"children":921},{"class":60,"line":715},[922,926,931],{"type":22,"tag":58,"props":923,"children":924},{"style":449},[925],{"type":28,"value":865},{"type":22,"tag":58,"props":927,"children":928},{"style":71},[929],{"type":28,"value":930},"'https://m.webtoo.ls/@nuxt'",{"type":22,"tag":58,"props":932,"children":933},{"style":449},[934],{"type":28,"value":576},{"type":22,"tag":58,"props":936,"children":938},{"class":60,"line":937},15,[939,944],{"type":22,"tag":58,"props":940,"children":941},{"style":449},[942],{"type":28,"value":943},"        rel: ",{"type":22,"tag":58,"props":945,"children":946},{"style":71},[947],{"type":28,"value":948},"'me'\n",{"type":22,"tag":58,"props":950,"children":952},{"class":60,"line":951},16,[953],{"type":22,"tag":58,"props":954,"children":955},{"style":449},[956],{"type":28,"value":957},"      }\n",{"type":22,"tag":58,"props":959,"children":961},{"class":60,"line":960},17,[962],{"type":22,"tag":58,"props":963,"children":964},{"style":449},[965],{"type":28,"value":704},{"type":22,"tag":58,"props":967,"children":969},{"class":60,"line":968},18,[970],{"type":22,"tag":58,"props":971,"children":972},{"style":449},[973],{"type":28,"value":478},{"type":22,"tag":58,"props":975,"children":977},{"class":60,"line":976},19,[978],{"type":22,"tag":58,"props":979,"children":980},{"style":449},[981],{"type":28,"value":721},{"type":22,"tag":35,"props":983,"children":985},{"id":984},"theme-display",[986],{"type":28,"value":987},"Theme display",{"type":22,"tag":30,"props":989,"children":990},{},[991,993,998],{"type":28,"value":992},"Alpine Header and Footer can also be customized via the ",{"type":22,"tag":54,"props":994,"children":996},{"className":995},[],[997],{"type":28,"value":416},{"type":28,"value":999}," file:",{"type":22,"tag":47,"props":1001,"children":1003},{"className":421,"code":1002,"filename":416,"language":423,"meta":8,"style":8},"defineAppConfig({\n  alpine: {\n    // Remove header with header: false\n    header: {\n      position: 'inline', // possible value are : 'none' | 'left' | 'center' | 'right' | 'inline'\n      logo: false\n    },\n    // Remove header with footer: false\n    footer: {\n      credits: {\n        enabled: true, // possible value are : true | false\n        repository: 'https://www.github.com/nuxt-themes/alpine' // our github repository\n      },\n      navigation: false, // possible value are : true | false\n      position: 'center', // possible value are : 'none' | 'left' | 'center' | 'right'\n      message: 'Follow me on' // string that will be displayed on the footer (leave empty or delete to disable)\n    }\n    // Disable back to top button: false\n    backToTop: {\n      text: 'Back to top',\n      icon: 'material-symbols:arrow-upward'\n    }\n  }\n})\n",[1004],{"type":22,"tag":54,"props":1005,"children":1006},{"__ignoreMap":8},[1007,1019,1026,1034,1042,1065,1078,1086,1094,1102,1110,1132,1150,1157,1178,1199,1217,1224,1232,1240,1258,1272,1280,1288],{"type":22,"tag":58,"props":1008,"children":1009},{"class":60,"line":61},[1010,1015],{"type":22,"tag":58,"props":1011,"children":1012},{"style":65},[1013],{"type":28,"value":1014},"defineAppConfig",{"type":22,"tag":58,"props":1016,"children":1017},{"style":449},[1018],{"type":28,"value":452},{"type":22,"tag":58,"props":1020,"children":1021},{"class":60,"line":366},[1022],{"type":22,"tag":58,"props":1023,"children":1024},{"style":449},[1025],{"type":28,"value":460},{"type":22,"tag":58,"props":1027,"children":1028},{"class":60,"line":374},[1029],{"type":22,"tag":58,"props":1030,"children":1031},{"style":466},[1032],{"type":28,"value":1033},"    // Remove header with header: false\n",{"type":22,"tag":58,"props":1035,"children":1036},{"class":60,"line":472},[1037],{"type":22,"tag":58,"props":1038,"children":1039},{"style":449},[1040],{"type":28,"value":1041},"    header: {\n",{"type":22,"tag":58,"props":1043,"children":1044},{"class":60,"line":481},[1045,1050,1055,1060],{"type":22,"tag":58,"props":1046,"children":1047},{"style":449},[1048],{"type":28,"value":1049},"      position: ",{"type":22,"tag":58,"props":1051,"children":1052},{"style":71},[1053],{"type":28,"value":1054},"'inline'",{"type":22,"tag":58,"props":1056,"children":1057},{"style":449},[1058],{"type":28,"value":1059},", ",{"type":22,"tag":58,"props":1061,"children":1062},{"style":466},[1063],{"type":28,"value":1064},"// possible value are : 'none' | 'left' | 'center' | 'right' | 'inline'\n",{"type":22,"tag":58,"props":1066,"children":1067},{"class":60,"line":613},[1068,1073],{"type":22,"tag":58,"props":1069,"children":1070},{"style":449},[1071],{"type":28,"value":1072},"      logo: ",{"type":22,"tag":58,"props":1074,"children":1075},{"style":82},[1076],{"type":28,"value":1077},"false\n",{"type":22,"tag":58,"props":1079,"children":1080},{"class":60,"line":622},[1081],{"type":22,"tag":58,"props":1082,"children":1083},{"style":449},[1084],{"type":28,"value":1085},"    },\n",{"type":22,"tag":58,"props":1087,"children":1088},{"class":60,"line":631},[1089],{"type":22,"tag":58,"props":1090,"children":1091},{"style":466},[1092],{"type":28,"value":1093},"    // Remove header with footer: false\n",{"type":22,"tag":58,"props":1095,"children":1096},{"class":60,"line":648},[1097],{"type":22,"tag":58,"props":1098,"children":1099},{"style":449},[1100],{"type":28,"value":1101},"    footer: {\n",{"type":22,"tag":58,"props":1103,"children":1104},{"class":60,"line":666},[1105],{"type":22,"tag":58,"props":1106,"children":1107},{"style":449},[1108],{"type":28,"value":1109},"      credits: {\n",{"type":22,"tag":58,"props":1111,"children":1112},{"class":60,"line":684},[1113,1118,1123,1127],{"type":22,"tag":58,"props":1114,"children":1115},{"style":449},[1116],{"type":28,"value":1117},"        enabled: ",{"type":22,"tag":58,"props":1119,"children":1120},{"style":82},[1121],{"type":28,"value":1122},"true",{"type":22,"tag":58,"props":1124,"children":1125},{"style":449},[1126],{"type":28,"value":1059},{"type":22,"tag":58,"props":1128,"children":1129},{"style":466},[1130],{"type":28,"value":1131},"// possible value are : true | false\n",{"type":22,"tag":58,"props":1133,"children":1134},{"class":60,"line":698},[1135,1140,1145],{"type":22,"tag":58,"props":1136,"children":1137},{"style":449},[1138],{"type":28,"value":1139},"        repository: ",{"type":22,"tag":58,"props":1141,"children":1142},{"style":71},[1143],{"type":28,"value":1144},"'https://www.github.com/nuxt-themes/alpine'",{"type":22,"tag":58,"props":1146,"children":1147},{"style":466},[1148],{"type":28,"value":1149}," // our github repository\n",{"type":22,"tag":58,"props":1151,"children":1152},{"class":60,"line":707},[1153],{"type":22,"tag":58,"props":1154,"children":1155},{"style":449},[1156],{"type":28,"value":878},{"type":22,"tag":58,"props":1158,"children":1159},{"class":60,"line":715},[1160,1165,1170,1174],{"type":22,"tag":58,"props":1161,"children":1162},{"style":449},[1163],{"type":28,"value":1164},"      navigation: ",{"type":22,"tag":58,"props":1166,"children":1167},{"style":82},[1168],{"type":28,"value":1169},"false",{"type":22,"tag":58,"props":1171,"children":1172},{"style":449},[1173],{"type":28,"value":1059},{"type":22,"tag":58,"props":1175,"children":1176},{"style":466},[1177],{"type":28,"value":1131},{"type":22,"tag":58,"props":1179,"children":1180},{"class":60,"line":937},[1181,1185,1190,1194],{"type":22,"tag":58,"props":1182,"children":1183},{"style":449},[1184],{"type":28,"value":1049},{"type":22,"tag":58,"props":1186,"children":1187},{"style":71},[1188],{"type":28,"value":1189},"'center'",{"type":22,"tag":58,"props":1191,"children":1192},{"style":449},[1193],{"type":28,"value":1059},{"type":22,"tag":58,"props":1195,"children":1196},{"style":466},[1197],{"type":28,"value":1198},"// possible value are : 'none' | 'left' | 'center' | 'right'\n",{"type":22,"tag":58,"props":1200,"children":1201},{"class":60,"line":951},[1202,1207,1212],{"type":22,"tag":58,"props":1203,"children":1204},{"style":449},[1205],{"type":28,"value":1206},"      message: ",{"type":22,"tag":58,"props":1208,"children":1209},{"style":71},[1210],{"type":28,"value":1211},"'Follow me on'",{"type":22,"tag":58,"props":1213,"children":1214},{"style":466},[1215],{"type":28,"value":1216}," // string that will be displayed on the footer (leave empty or delete to disable)\n",{"type":22,"tag":58,"props":1218,"children":1219},{"class":60,"line":960},[1220],{"type":22,"tag":58,"props":1221,"children":1222},{"style":449},[1223],{"type":28,"value":704},{"type":22,"tag":58,"props":1225,"children":1226},{"class":60,"line":968},[1227],{"type":22,"tag":58,"props":1228,"children":1229},{"style":466},[1230],{"type":28,"value":1231},"    // Disable back to top button: false\n",{"type":22,"tag":58,"props":1233,"children":1234},{"class":60,"line":976},[1235],{"type":22,"tag":58,"props":1236,"children":1237},{"style":449},[1238],{"type":28,"value":1239},"    backToTop: {\n",{"type":22,"tag":58,"props":1241,"children":1243},{"class":60,"line":1242},20,[1244,1249,1254],{"type":22,"tag":58,"props":1245,"children":1246},{"style":449},[1247],{"type":28,"value":1248},"      text: ",{"type":22,"tag":58,"props":1250,"children":1251},{"style":71},[1252],{"type":28,"value":1253},"'Back to top'",{"type":22,"tag":58,"props":1255,"children":1256},{"style":449},[1257],{"type":28,"value":576},{"type":22,"tag":58,"props":1259,"children":1261},{"class":60,"line":1260},21,[1262,1267],{"type":22,"tag":58,"props":1263,"children":1264},{"style":449},[1265],{"type":28,"value":1266},"      icon: ",{"type":22,"tag":58,"props":1268,"children":1269},{"style":71},[1270],{"type":28,"value":1271},"'material-symbols:arrow-upward'\n",{"type":22,"tag":58,"props":1273,"children":1275},{"class":60,"line":1274},22,[1276],{"type":22,"tag":58,"props":1277,"children":1278},{"style":449},[1279],{"type":28,"value":704},{"type":22,"tag":58,"props":1281,"children":1283},{"class":60,"line":1282},23,[1284],{"type":22,"tag":58,"props":1285,"children":1286},{"style":449},[1287],{"type":28,"value":478},{"type":22,"tag":58,"props":1289,"children":1291},{"class":60,"line":1290},24,[1292],{"type":22,"tag":58,"props":1293,"children":1294},{"style":449},[1295],{"type":28,"value":721},{"type":22,"tag":360,"props":1297,"children":1298},{},[1299],{"type":28,"value":364},{"title":8,"searchDepth":366,"depth":366,"links":1301},[1302,1303,1304],{"id":517,"depth":366,"text":520},{"id":724,"depth":366,"text":727},{"id":984,"depth":366,"text":987},"content:articles:2.configure.md","articles/2.configure.md",{"_path":1308,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1309,"description":1310,"cover":1311,"date":16,"layout":17,"body":1312,"_type":377,"_id":2038,"_source":379,"_file":2039,"_extension":381},"/articles/write-articles","Write Articles","Writing Markdown articles in Alpine is straightforward.","/articles/write-articles.webp",{"type":19,"children":1313,"toc":2030},[1314,1319,1324,1330,1342,1362,1367,1380,1479,1491,1497,1508,1540,1569,1625,1644,1649,1655,1667,1734,1739,1745,1764,1847,1852,1858,1863,1994,2000,2013,2026],{"type":22,"tag":23,"props":1315,"children":1317},{"id":1316},"write-articles",[1318],{"type":28,"value":1309},{"type":22,"tag":30,"props":1320,"children":1321},{},[1322],{"type":28,"value":1323},"Write Markdown articles in Alpine is straightforward.",{"type":22,"tag":35,"props":1325,"children":1327},{"id":1326},"create-an-articles-list",[1328],{"type":28,"value":1329},"Create an articles list",{"type":22,"tag":30,"props":1331,"children":1332},{},[1333,1335,1340],{"type":28,"value":1334},"Create a new file in the ",{"type":22,"tag":54,"props":1336,"children":1338},{"className":1337},[],[1339],{"type":28,"value":175},{"type":28,"value":1341}," directory:",{"type":22,"tag":47,"props":1343,"children":1345},{"className":49,"code":1344,"language":51,"meta":8,"style":8},"touch content/2.articles.md\n",[1346],{"type":22,"tag":54,"props":1347,"children":1348},{"__ignoreMap":8},[1349],{"type":22,"tag":58,"props":1350,"children":1351},{"class":60,"line":61},[1352,1357],{"type":22,"tag":58,"props":1353,"children":1354},{"style":65},[1355],{"type":28,"value":1356},"touch",{"type":22,"tag":58,"props":1358,"children":1359},{"style":71},[1360],{"type":28,"value":1361}," content/2.articles.md\n",{"type":22,"tag":30,"props":1363,"children":1364},{},[1365],{"type":28,"value":1366},"The numbered prefix determines the order of the menu items.",{"type":22,"tag":30,"props":1368,"children":1369},{},[1370,1372,1378],{"type":28,"value":1371},"In this file, use the ",{"type":22,"tag":54,"props":1373,"children":1375},{"className":1374},[],[1376],{"type":28,"value":1377},"articles-list",{"type":28,"value":1379}," component to display the list of articles:",{"type":22,"tag":47,"props":1381,"children":1385},{"className":1382,"code":1383,"filename":1384,"language":381,"meta":8,"style":8},"language-md shiki shiki-themes github-light github-dark","---\ntitle: 'Articles'\nlayout: 'page'\n---\n::articles-list\n---\npath: articles\n---\n::\n","2.articles.md",[1386],{"type":22,"tag":54,"props":1387,"children":1388},{"__ignoreMap":8},[1389,1397,1416,1433,1440,1448,1456,1464,1471],{"type":22,"tag":58,"props":1390,"children":1391},{"class":60,"line":61},[1392],{"type":22,"tag":58,"props":1393,"children":1394},{"style":449},[1395],{"type":28,"value":1396},"---\n",{"type":22,"tag":58,"props":1398,"children":1399},{"class":60,"line":366},[1400,1406,1411],{"type":22,"tag":58,"props":1401,"children":1403},{"style":1402},"--shiki-default:#22863A;--shiki-dark:#85E89D",[1404],{"type":28,"value":1405},"title",{"type":22,"tag":58,"props":1407,"children":1408},{"style":449},[1409],{"type":28,"value":1410},": ",{"type":22,"tag":58,"props":1412,"children":1413},{"style":71},[1414],{"type":28,"value":1415},"'Articles'\n",{"type":22,"tag":58,"props":1417,"children":1418},{"class":60,"line":374},[1419,1424,1428],{"type":22,"tag":58,"props":1420,"children":1421},{"style":1402},[1422],{"type":28,"value":1423},"layout",{"type":22,"tag":58,"props":1425,"children":1426},{"style":449},[1427],{"type":28,"value":1410},{"type":22,"tag":58,"props":1429,"children":1430},{"style":71},[1431],{"type":28,"value":1432},"'page'\n",{"type":22,"tag":58,"props":1434,"children":1435},{"class":60,"line":472},[1436],{"type":22,"tag":58,"props":1437,"children":1438},{"style":449},[1439],{"type":28,"value":1396},{"type":22,"tag":58,"props":1441,"children":1442},{"class":60,"line":481},[1443],{"type":22,"tag":58,"props":1444,"children":1445},{"style":449},[1446],{"type":28,"value":1447},"::articles-list\n",{"type":22,"tag":58,"props":1449,"children":1450},{"class":60,"line":613},[1451],{"type":22,"tag":58,"props":1452,"children":1454},{"style":1453},"--shiki-default:#005CC5;--shiki-dark:#79B8FF;--shiki-default-font-weight:bold;--shiki-dark-font-weight:bold",[1455],{"type":28,"value":1396},{"type":22,"tag":58,"props":1457,"children":1458},{"class":60,"line":622},[1459],{"type":22,"tag":58,"props":1460,"children":1461},{"style":449},[1462],{"type":28,"value":1463},"path: articles\n",{"type":22,"tag":58,"props":1465,"children":1466},{"class":60,"line":631},[1467],{"type":22,"tag":58,"props":1468,"children":1469},{"style":1453},[1470],{"type":28,"value":1396},{"type":22,"tag":58,"props":1472,"children":1473},{"class":60,"line":648},[1474],{"type":22,"tag":58,"props":1475,"children":1476},{"style":449},[1477],{"type":28,"value":1478},"::\n",{"type":22,"tag":30,"props":1480,"children":1481},{},[1482,1483,1489],{"type":28,"value":506},{"type":22,"tag":54,"props":1484,"children":1486},{"className":1485},[],[1487],{"type":28,"value":1488},"path",{"type":28,"value":1490}," prop corresponds to the directory where the articles are stored.",{"type":22,"tag":35,"props":1492,"children":1494},{"id":1493},"display-an-article-in-the-list",[1495],{"type":28,"value":1496},"Display an article in the list",{"type":22,"tag":30,"props":1498,"children":1499},{},[1500,1501,1507],{"type":28,"value":1334},{"type":22,"tag":54,"props":1502,"children":1504},{"className":1503},[],[1505],{"type":28,"value":1506},"/content/articles",{"type":28,"value":1341},{"type":22,"tag":47,"props":1509,"children":1511},{"className":49,"code":1510,"language":51,"meta":8,"style":8},"mkdir content/articles\ntouch content/articles/1.my-new-article.md\n",[1512],{"type":22,"tag":54,"props":1513,"children":1514},{"__ignoreMap":8},[1515,1528],{"type":22,"tag":58,"props":1516,"children":1517},{"class":60,"line":61},[1518,1523],{"type":22,"tag":58,"props":1519,"children":1520},{"style":65},[1521],{"type":28,"value":1522},"mkdir",{"type":22,"tag":58,"props":1524,"children":1525},{"style":71},[1526],{"type":28,"value":1527}," content/articles\n",{"type":22,"tag":58,"props":1529,"children":1530},{"class":60,"line":366},[1531,1535],{"type":22,"tag":58,"props":1532,"children":1533},{"style":65},[1534],{"type":28,"value":1356},{"type":22,"tag":58,"props":1536,"children":1537},{"style":71},[1538],{"type":28,"value":1539}," content/articles/1.my-new-article.md\n",{"type":22,"tag":30,"props":1541,"children":1542},{},[1543,1545,1551,1553,1559,1561,1567],{"type":28,"value":1544},"For your article to be correctly displayed in the ",{"type":22,"tag":260,"props":1546,"children":1548},{"href":1547},"/articles",[1549],{"type":28,"value":1550},"articles list",{"type":28,"value":1552},", define a ",{"type":22,"tag":54,"props":1554,"children":1556},{"className":1555},[],[1557],{"type":28,"value":1558},"cover",{"type":28,"value":1560}," and ",{"type":22,"tag":54,"props":1562,"children":1564},{"className":1563},[],[1565],{"type":28,"value":1566},"date",{"type":28,"value":1568}," property in the frontmatter:",{"type":22,"tag":47,"props":1570,"children":1575},{"className":1571,"code":1572,"filename":1573,"language":1574,"meta":8,"style":8},"language-yaml shiki shiki-themes github-light github-dark","---\ncover: path/to/cover\ndate: 2022-08-23\n---\n","content/articles/1.my-new-article.md","yaml",[1576],{"type":22,"tag":54,"props":1577,"children":1578},{"__ignoreMap":8},[1579,1586,1602,1618],{"type":22,"tag":58,"props":1580,"children":1581},{"class":60,"line":61},[1582],{"type":22,"tag":58,"props":1583,"children":1584},{"style":65},[1585],{"type":28,"value":1396},{"type":22,"tag":58,"props":1587,"children":1588},{"class":60,"line":366},[1589,1593,1597],{"type":22,"tag":58,"props":1590,"children":1591},{"style":1402},[1592],{"type":28,"value":1558},{"type":22,"tag":58,"props":1594,"children":1595},{"style":449},[1596],{"type":28,"value":1410},{"type":22,"tag":58,"props":1598,"children":1599},{"style":71},[1600],{"type":28,"value":1601},"path/to/cover\n",{"type":22,"tag":58,"props":1603,"children":1604},{"class":60,"line":374},[1605,1609,1613],{"type":22,"tag":58,"props":1606,"children":1607},{"style":1402},[1608],{"type":28,"value":1566},{"type":22,"tag":58,"props":1610,"children":1611},{"style":449},[1612],{"type":28,"value":1410},{"type":22,"tag":58,"props":1614,"children":1615},{"style":82},[1616],{"type":28,"value":1617},"2022-08-23\n",{"type":22,"tag":58,"props":1619,"children":1620},{"class":60,"line":472},[1621],{"type":22,"tag":58,"props":1622,"children":1623},{"style":65},[1624],{"type":28,"value":1396},{"type":22,"tag":30,"props":1626,"children":1627},{},[1628,1629,1634,1636,1642],{"type":28,"value":506},{"type":22,"tag":54,"props":1630,"children":1632},{"className":1631},[],[1633],{"type":28,"value":1558},{"type":28,"value":1635}," property can be a local path relative to the ",{"type":22,"tag":54,"props":1637,"children":1639},{"className":1638},[],[1640],{"type":28,"value":1641},"/public",{"type":28,"value":1643}," directory or an external URL.",{"type":22,"tag":30,"props":1645,"children":1646},{},[1647],{"type":28,"value":1648},"Your article will now be displayed in the list with its filename as a default title.",{"type":22,"tag":35,"props":1650,"children":1652},{"id":1651},"edit-your-article",[1653],{"type":28,"value":1654},"Edit your article",{"type":22,"tag":30,"props":1656,"children":1657},{},[1658,1660,1665],{"type":28,"value":1659},"Under the frontmatter block, enter a Markdown ",{"type":22,"tag":54,"props":1661,"children":1663},{"className":1662},[],[1664],{"type":28,"value":23},{"type":28,"value":1666}," tag and a line of text:",{"type":22,"tag":47,"props":1668,"children":1670},{"className":1382,"code":1669,"filename":1573,"language":381,"meta":8,"style":8},"---\ncover: path/to/cover\ndate: 2022-08-23\n---\n# An awesome article\nThis article is little by size but big by heart.\n",[1671],{"type":22,"tag":54,"props":1672,"children":1673},{"__ignoreMap":8},[1674,1681,1696,1711,1718,1726],{"type":22,"tag":58,"props":1675,"children":1676},{"class":60,"line":61},[1677],{"type":22,"tag":58,"props":1678,"children":1679},{"style":449},[1680],{"type":28,"value":1396},{"type":22,"tag":58,"props":1682,"children":1683},{"class":60,"line":366},[1684,1688,1692],{"type":22,"tag":58,"props":1685,"children":1686},{"style":1402},[1687],{"type":28,"value":1558},{"type":22,"tag":58,"props":1689,"children":1690},{"style":449},[1691],{"type":28,"value":1410},{"type":22,"tag":58,"props":1693,"children":1694},{"style":71},[1695],{"type":28,"value":1601},{"type":22,"tag":58,"props":1697,"children":1698},{"class":60,"line":374},[1699,1703,1707],{"type":22,"tag":58,"props":1700,"children":1701},{"style":1402},[1702],{"type":28,"value":1566},{"type":22,"tag":58,"props":1704,"children":1705},{"style":449},[1706],{"type":28,"value":1410},{"type":22,"tag":58,"props":1708,"children":1709},{"style":82},[1710],{"type":28,"value":1617},{"type":22,"tag":58,"props":1712,"children":1713},{"class":60,"line":472},[1714],{"type":22,"tag":58,"props":1715,"children":1716},{"style":449},[1717],{"type":28,"value":1396},{"type":22,"tag":58,"props":1719,"children":1720},{"class":60,"line":481},[1721],{"type":22,"tag":58,"props":1722,"children":1723},{"style":1453},[1724],{"type":28,"value":1725},"# An awesome article\n",{"type":22,"tag":58,"props":1727,"children":1728},{"class":60,"line":613},[1729],{"type":22,"tag":58,"props":1730,"children":1731},{"style":449},[1732],{"type":28,"value":1733},"This article is little by size but big by heart.\n",{"type":22,"tag":30,"props":1735,"children":1736},{},[1737],{"type":28,"value":1738},"Your article will now be displayed in the list with the title and description you wrote in Markdown.",{"type":22,"tag":35,"props":1740,"children":1742},{"id":1741},"override-title-and-description",[1743],{"type":28,"value":1744},"Override title and description",{"type":22,"tag":30,"props":1746,"children":1747},{},[1748,1750,1755,1756,1762],{"type":28,"value":1749},"If you want to change the title and description displayed on the list and in the meta tags of the article, add the ",{"type":22,"tag":54,"props":1751,"children":1753},{"className":1752},[],[1754],{"type":28,"value":1405},{"type":28,"value":1560},{"type":22,"tag":54,"props":1757,"children":1759},{"className":1758},[],[1760],{"type":28,"value":1761},"description",{"type":28,"value":1763}," property to your frontmatter:",{"type":22,"tag":47,"props":1765,"children":1767},{"className":1382,"code":1766,"filename":1573,"language":381,"meta":8,"style":8},"---\ncover: path/to/cover\ndate: 2022-08-23\ntitle: Another title\ndescription: Another description\n---\n",[1768],{"type":22,"tag":54,"props":1769,"children":1770},{"__ignoreMap":8},[1771,1778,1793,1808,1824,1840],{"type":22,"tag":58,"props":1772,"children":1773},{"class":60,"line":61},[1774],{"type":22,"tag":58,"props":1775,"children":1776},{"style":449},[1777],{"type":28,"value":1396},{"type":22,"tag":58,"props":1779,"children":1780},{"class":60,"line":366},[1781,1785,1789],{"type":22,"tag":58,"props":1782,"children":1783},{"style":1402},[1784],{"type":28,"value":1558},{"type":22,"tag":58,"props":1786,"children":1787},{"style":449},[1788],{"type":28,"value":1410},{"type":22,"tag":58,"props":1790,"children":1791},{"style":71},[1792],{"type":28,"value":1601},{"type":22,"tag":58,"props":1794,"children":1795},{"class":60,"line":374},[1796,1800,1804],{"type":22,"tag":58,"props":1797,"children":1798},{"style":1402},[1799],{"type":28,"value":1566},{"type":22,"tag":58,"props":1801,"children":1802},{"style":449},[1803],{"type":28,"value":1410},{"type":22,"tag":58,"props":1805,"children":1806},{"style":82},[1807],{"type":28,"value":1617},{"type":22,"tag":58,"props":1809,"children":1810},{"class":60,"line":472},[1811,1815,1819],{"type":22,"tag":58,"props":1812,"children":1813},{"style":1402},[1814],{"type":28,"value":1405},{"type":22,"tag":58,"props":1816,"children":1817},{"style":449},[1818],{"type":28,"value":1410},{"type":22,"tag":58,"props":1820,"children":1821},{"style":71},[1822],{"type":28,"value":1823},"Another title\n",{"type":22,"tag":58,"props":1825,"children":1826},{"class":60,"line":481},[1827,1831,1835],{"type":22,"tag":58,"props":1828,"children":1829},{"style":1402},[1830],{"type":28,"value":1761},{"type":22,"tag":58,"props":1832,"children":1833},{"style":449},[1834],{"type":28,"value":1410},{"type":22,"tag":58,"props":1836,"children":1837},{"style":71},[1838],{"type":28,"value":1839},"Another description\n",{"type":22,"tag":58,"props":1841,"children":1842},{"class":60,"line":613},[1843],{"type":22,"tag":58,"props":1844,"children":1845},{"style":449},[1846],{"type":28,"value":1396},{"type":22,"tag":30,"props":1848,"children":1849},{},[1850],{"type":28,"value":1851},"You are now ready to edit your article and create new ones!",{"type":22,"tag":35,"props":1853,"children":1855},{"id":1854},"optional-arguments",[1856],{"type":28,"value":1857},"Optional Arguments",{"type":22,"tag":30,"props":1859,"children":1860},{},[1861],{"type":28,"value":1862},"In the frontmatter block, you can pass additional options for displaying your article, such as displaying badges on the image:",{"type":22,"tag":47,"props":1864,"children":1866},{"className":1382,"code":1865,"language":381,"meta":8,"style":8},"---\ncover: path/to/cover\ndate: 2022-08-23\nbadges: [{\n  color: 'white',\n  bg: 'rgba(0, 0, 0, 0.3)',\n  content: 'Technology'\n}]\n---\n",[1867],{"type":22,"tag":54,"props":1868,"children":1869},{"__ignoreMap":8},[1870,1877,1892,1907,1920,1941,1962,1979,1987],{"type":22,"tag":58,"props":1871,"children":1872},{"class":60,"line":61},[1873],{"type":22,"tag":58,"props":1874,"children":1875},{"style":449},[1876],{"type":28,"value":1396},{"type":22,"tag":58,"props":1878,"children":1879},{"class":60,"line":366},[1880,1884,1888],{"type":22,"tag":58,"props":1881,"children":1882},{"style":1402},[1883],{"type":28,"value":1558},{"type":22,"tag":58,"props":1885,"children":1886},{"style":449},[1887],{"type":28,"value":1410},{"type":22,"tag":58,"props":1889,"children":1890},{"style":71},[1891],{"type":28,"value":1601},{"type":22,"tag":58,"props":1893,"children":1894},{"class":60,"line":374},[1895,1899,1903],{"type":22,"tag":58,"props":1896,"children":1897},{"style":1402},[1898],{"type":28,"value":1566},{"type":22,"tag":58,"props":1900,"children":1901},{"style":449},[1902],{"type":28,"value":1410},{"type":22,"tag":58,"props":1904,"children":1905},{"style":82},[1906],{"type":28,"value":1617},{"type":22,"tag":58,"props":1908,"children":1909},{"class":60,"line":472},[1910,1915],{"type":22,"tag":58,"props":1911,"children":1912},{"style":1402},[1913],{"type":28,"value":1914},"badges",{"type":22,"tag":58,"props":1916,"children":1917},{"style":449},[1918],{"type":28,"value":1919},": [{\n",{"type":22,"tag":58,"props":1921,"children":1922},{"class":60,"line":481},[1923,1928,1932,1937],{"type":22,"tag":58,"props":1924,"children":1925},{"style":1402},[1926],{"type":28,"value":1927},"  color",{"type":22,"tag":58,"props":1929,"children":1930},{"style":449},[1931],{"type":28,"value":1410},{"type":22,"tag":58,"props":1933,"children":1934},{"style":71},[1935],{"type":28,"value":1936},"'white'",{"type":22,"tag":58,"props":1938,"children":1939},{"style":449},[1940],{"type":28,"value":576},{"type":22,"tag":58,"props":1942,"children":1943},{"class":60,"line":613},[1944,1949,1953,1958],{"type":22,"tag":58,"props":1945,"children":1946},{"style":1402},[1947],{"type":28,"value":1948},"  bg",{"type":22,"tag":58,"props":1950,"children":1951},{"style":449},[1952],{"type":28,"value":1410},{"type":22,"tag":58,"props":1954,"children":1955},{"style":71},[1956],{"type":28,"value":1957},"'rgba(0, 0, 0, 0.3)'",{"type":22,"tag":58,"props":1959,"children":1960},{"style":449},[1961],{"type":28,"value":576},{"type":22,"tag":58,"props":1963,"children":1964},{"class":60,"line":622},[1965,1970,1974],{"type":22,"tag":58,"props":1966,"children":1967},{"style":1402},[1968],{"type":28,"value":1969},"  content",{"type":22,"tag":58,"props":1971,"children":1972},{"style":449},[1973],{"type":28,"value":1410},{"type":22,"tag":58,"props":1975,"children":1976},{"style":71},[1977],{"type":28,"value":1978},"'Technology'\n",{"type":22,"tag":58,"props":1980,"children":1981},{"class":60,"line":631},[1982],{"type":22,"tag":58,"props":1983,"children":1984},{"style":449},[1985],{"type":28,"value":1986},"}]\n",{"type":22,"tag":58,"props":1988,"children":1989},{"class":60,"line":648},[1990],{"type":22,"tag":58,"props":1991,"children":1992},{"style":449},[1993],{"type":28,"value":1396},{"type":22,"tag":35,"props":1995,"children":1997},{"id":1996},"read-more",[1998],{"type":28,"value":1999},"Read more",{"type":22,"tag":30,"props":2001,"children":2002},{},[2003,2005,2011],{"type":28,"value":2004},"Alpine is a Nuxt theme using the Content module in ",{"type":22,"tag":54,"props":2006,"children":2008},{"className":2007},[],[2009],{"type":28,"value":2010},"documentDriven",{"type":28,"value":2012}," mode.",{"type":22,"tag":30,"props":2014,"children":2015},{},[2016,2018,2025],{"type":28,"value":2017},"👉 Learn more in the ",{"type":22,"tag":260,"props":2019,"children":2022},{"href":2020,"rel":2021},"https://content.nuxtjs.org/",[264],[2023],{"type":28,"value":2024},"Nuxt Content documentation",{"type":28,"value":501},{"type":22,"tag":360,"props":2027,"children":2028},{},[2029],{"type":28,"value":364},{"title":8,"searchDepth":366,"depth":366,"links":2031},[2032,2033,2034,2035,2036,2037],{"id":1326,"depth":366,"text":1329},{"id":1493,"depth":366,"text":1496},{"id":1651,"depth":366,"text":1654},{"id":1741,"depth":366,"text":1744},{"id":1854,"depth":366,"text":1857},{"id":1996,"depth":366,"text":1999},"content:articles:3.write-articles.md","articles/3.write-articles.md",{"_path":2041,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":2042,"description":2043,"cover":2044,"date":16,"layout":17,"body":2045,"_type":377,"_id":2302,"_source":379,"_file":2303,"_extension":381},"/articles/design-tokens","Customize Alpine","Leverage the tokens.config.ts to give your identity to Alpine.","/articles/design-tokens.webp",{"type":19,"children":2046,"toc":2300},[2047,2052,2065,2079,2101,2113,2261,2283,2296],{"type":22,"tag":23,"props":2048,"children":2050},{"id":2049},"customize-alpine",[2051],{"type":28,"value":2042},{"type":22,"tag":30,"props":2053,"children":2054},{},[2055,2057,2063],{"type":28,"value":2056},"Leverage the ",{"type":22,"tag":54,"props":2058,"children":2060},{"className":2059},[],[2061],{"type":28,"value":2062},"tokens.config.ts",{"type":28,"value":2064}," to give your identity to Alpine.",{"type":22,"tag":30,"props":2066,"children":2067},{},[2068,2070,2077],{"type":28,"value":2069},"Look at the ",{"type":22,"tag":260,"props":2071,"children":2074},{"href":2072,"rel":2073},"https://github.com/nuxt-themes/alpine/blob/main/tokens.config.ts",[264],[2075],{"type":28,"value":2076},"default tokens config",{"type":28,"value":2078}," to check all the Alpine related Design Tokens.",{"type":22,"tag":30,"props":2080,"children":2081},{},[2082,2084,2091,2093,2100],{"type":28,"value":2083},"Alpine is also powered by ",{"type":22,"tag":260,"props":2085,"children":2088},{"href":2086,"rel":2087},"https://www.npmjs.com/package/@nuxt-themes/tokens",[264],[2089],{"type":28,"value":2090},"@nuxt-themes/tokens",{"type":28,"value":2092},", see the ",{"type":22,"tag":260,"props":2094,"children":2097},{"href":2095,"rel":2096},"https://unpkg.com/@nuxt-themes/tokens@latest/dist/tokens.config.ts",[264],[2098],{"type":28,"value":2099},"package tokens.config.ts",{"type":28,"value":501},{"type":22,"tag":30,"props":2102,"children":2103},{},[2104,2106,2111],{"type":28,"value":2105},"You can configure all the theme tokens to change the apperance of Alpine by creating a ",{"type":22,"tag":54,"props":2107,"children":2109},{"className":2108},[],[2110],{"type":28,"value":2062},{"type":28,"value":2112}," in your project:",{"type":22,"tag":47,"props":2114,"children":2116},{"className":421,"code":2115,"language":423,"meta":8,"style":8},"import { defineTheme } from 'pinceau'\n\nexport default defineTheme({\n  alpine: {\n    body: {\n      // Update the background color in light & dark mode\n      backgroundColor: {\n        initial: '#f8fafc',\n        dark: '#0f172a'\n      }\n    }\n  }\n})\n",[2117],{"type":22,"tag":54,"props":2118,"children":2119},{"__ignoreMap":8},[2120,2143,2152,2172,2179,2187,2195,2203,2220,2233,2240,2247,2254],{"type":22,"tag":58,"props":2121,"children":2122},{"class":60,"line":61},[2123,2128,2133,2138],{"type":22,"tag":58,"props":2124,"children":2125},{"style":433},[2126],{"type":28,"value":2127},"import",{"type":22,"tag":58,"props":2129,"children":2130},{"style":449},[2131],{"type":28,"value":2132}," { defineTheme } ",{"type":22,"tag":58,"props":2134,"children":2135},{"style":433},[2136],{"type":28,"value":2137},"from",{"type":22,"tag":58,"props":2139,"children":2140},{"style":71},[2141],{"type":28,"value":2142}," 'pinceau'\n",{"type":22,"tag":58,"props":2144,"children":2145},{"class":60,"line":366},[2146],{"type":22,"tag":58,"props":2147,"children":2149},{"emptyLinePlaceholder":2148},true,[2150],{"type":28,"value":2151},"\n",{"type":22,"tag":58,"props":2153,"children":2154},{"class":60,"line":374},[2155,2159,2163,2168],{"type":22,"tag":58,"props":2156,"children":2157},{"style":433},[2158],{"type":28,"value":436},{"type":22,"tag":58,"props":2160,"children":2161},{"style":433},[2162],{"type":28,"value":441},{"type":22,"tag":58,"props":2164,"children":2165},{"style":65},[2166],{"type":28,"value":2167}," defineTheme",{"type":22,"tag":58,"props":2169,"children":2170},{"style":449},[2171],{"type":28,"value":452},{"type":22,"tag":58,"props":2173,"children":2174},{"class":60,"line":472},[2175],{"type":22,"tag":58,"props":2176,"children":2177},{"style":449},[2178],{"type":28,"value":460},{"type":22,"tag":58,"props":2180,"children":2181},{"class":60,"line":481},[2182],{"type":22,"tag":58,"props":2183,"children":2184},{"style":449},[2185],{"type":28,"value":2186},"    body: {\n",{"type":22,"tag":58,"props":2188,"children":2189},{"class":60,"line":613},[2190],{"type":22,"tag":58,"props":2191,"children":2192},{"style":466},[2193],{"type":28,"value":2194},"      // Update the background color in light & dark mode\n",{"type":22,"tag":58,"props":2196,"children":2197},{"class":60,"line":622},[2198],{"type":22,"tag":58,"props":2199,"children":2200},{"style":449},[2201],{"type":28,"value":2202},"      backgroundColor: {\n",{"type":22,"tag":58,"props":2204,"children":2205},{"class":60,"line":631},[2206,2211,2216],{"type":22,"tag":58,"props":2207,"children":2208},{"style":449},[2209],{"type":28,"value":2210},"        initial: ",{"type":22,"tag":58,"props":2212,"children":2213},{"style":71},[2214],{"type":28,"value":2215},"'#f8fafc'",{"type":22,"tag":58,"props":2217,"children":2218},{"style":449},[2219],{"type":28,"value":576},{"type":22,"tag":58,"props":2221,"children":2222},{"class":60,"line":648},[2223,2228],{"type":22,"tag":58,"props":2224,"children":2225},{"style":449},[2226],{"type":28,"value":2227},"        dark: ",{"type":22,"tag":58,"props":2229,"children":2230},{"style":71},[2231],{"type":28,"value":2232},"'#0f172a'\n",{"type":22,"tag":58,"props":2234,"children":2235},{"class":60,"line":666},[2236],{"type":22,"tag":58,"props":2237,"children":2238},{"style":449},[2239],{"type":28,"value":957},{"type":22,"tag":58,"props":2241,"children":2242},{"class":60,"line":684},[2243],{"type":22,"tag":58,"props":2244,"children":2245},{"style":449},[2246],{"type":28,"value":704},{"type":22,"tag":58,"props":2248,"children":2249},{"class":60,"line":698},[2250],{"type":22,"tag":58,"props":2251,"children":2252},{"style":449},[2253],{"type":28,"value":478},{"type":22,"tag":58,"props":2255,"children":2256},{"class":60,"line":707},[2257],{"type":22,"tag":58,"props":2258,"children":2259},{"style":449},[2260],{"type":28,"value":721},{"type":22,"tag":30,"props":2262,"children":2263},{},[2264,2266,2273,2275,2281],{"type":28,"value":2265},"If you are using ",{"type":22,"tag":260,"props":2267,"children":2270},{"href":2268,"rel":2269},"https://nuxt.studio",[264],[2271],{"type":28,"value":2272},"Nuxt Studio",{"type":28,"value":2274},", you can use an UI to update the ",{"type":22,"tag":54,"props":2276,"children":2278},{"className":2277},[],[2279],{"type":28,"value":2280},"token.config.ts",{"type":28,"value":2282}," of your Alpine project:",{"type":22,"tag":30,"props":2284,"children":2285},{},[2286],{"type":22,"tag":260,"props":2287,"children":2289},{"href":2268,"rel":2288},[264],[2290],{"type":22,"tag":2291,"props":2292,"children":2295},"img",{"alt":2293,"src":2294},"design-tokens-studio.png","/design-tokens-studio.png",[],{"type":22,"tag":360,"props":2297,"children":2298},{},[2299],{"type":28,"value":364},{"title":8,"searchDepth":366,"depth":366,"links":2301},[],"content:articles:4.design-tokens.md","articles/4.design-tokens.md",1714687114573]