From 3953497e8c92b5269952128b0091fb3fce07332b Mon Sep 17 00:00:00 2001 From: sfbiberachadmin <83791730+sfbiberachadmin@users.noreply.github.com> Date: Wed, 4 Oct 2023 16:41:58 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20sfbibera?= =?UTF-8?q?ch/schachfreunde-biberach.de@f14dc12e8e5650eff9822316ae1eb9c7bd?= =?UTF-8?q?0abf8e=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 200.html | 2 +- 404.html | 2 +- api/_content/cache.1696437347555.json | 1 - api/_content/cache.1696437678608.json | 1 + ...E.1696437347555.json => u7BbTyuhiE.1696437678608.json} | 0 ...k.1696437347555.json => 4MxUVzxi2k.1696437678608.json} | 0 ...K.1696437347555.json => 59xeOb2naK.1696437678608.json} | 0 ...c.1696437347555.json => KIzjyHZELc.1696437678608.json} | 0 ...q.1696437347555.json => N48jd3booq.1696437678608.json} | 0 ...X.1696437347555.json => QHUKJ8aQxX.1696437678608.json} | 0 ...L.1696437347555.json => XVTYOGOCtL.1696437678608.json} | 0 api/_content/query/brX4CwCJoQ.1696437347555.json | 1 - api/_content/query/brX4CwCJoQ.1696437678608.json | 1 + ...L.1696437347555.json => gJgh1hc9nL.1696437678608.json} | 0 ...4.1696437347555.json => jgcn9ybC94.1696437678608.json} | 0 ...A.1696437347555.json => kvkF8an8eA.1696437678608.json} | 0 ...v.1696437347555.json => sAwLUTM99v.1696437678608.json} | 0 api/_content/query/sySMUFLwMT.1696437347555.json | 1 - api/_content/query/sySMUFLwMT.1696437678608.json | 1 + ...D.1696437347555.json => uKKiplvl6D.1696437678608.json} | 0 ...o.1696437347555.json => wsZXxsmhjo.1696437678608.json} | 0 ...X.1696437347555.json => xqxfi554jX.1696437678608.json} | 0 articles/configure/index.html | 8 ++++---- articles/design-tokens/index.html | 8 ++++---- articles/get-started/index.html | 6 +++--- articles/index.html | 6 +++--- articles/write-articles/index.html | 8 ++++---- contact/index.html | 6 +++--- index.html | 6 +++--- 29 files changed, 29 insertions(+), 29 deletions(-) delete mode 100644 api/_content/cache.1696437347555.json create mode 100644 api/_content/cache.1696437678608.json rename api/_content/navigation/{u7BbTyuhiE.1696437347555.json => u7BbTyuhiE.1696437678608.json} (100%) rename api/_content/query/{4MxUVzxi2k.1696437347555.json => 4MxUVzxi2k.1696437678608.json} (100%) rename api/_content/query/{59xeOb2naK.1696437347555.json => 59xeOb2naK.1696437678608.json} (100%) rename api/_content/query/{KIzjyHZELc.1696437347555.json => KIzjyHZELc.1696437678608.json} (100%) rename api/_content/query/{N48jd3booq.1696437347555.json => N48jd3booq.1696437678608.json} (100%) rename api/_content/query/{QHUKJ8aQxX.1696437347555.json => QHUKJ8aQxX.1696437678608.json} (100%) rename api/_content/query/{XVTYOGOCtL.1696437347555.json => XVTYOGOCtL.1696437678608.json} (100%) delete mode 100644 api/_content/query/brX4CwCJoQ.1696437347555.json create mode 100644 api/_content/query/brX4CwCJoQ.1696437678608.json rename api/_content/query/{gJgh1hc9nL.1696437347555.json => gJgh1hc9nL.1696437678608.json} (100%) rename api/_content/query/{jgcn9ybC94.1696437347555.json => jgcn9ybC94.1696437678608.json} (100%) rename api/_content/query/{kvkF8an8eA.1696437347555.json => kvkF8an8eA.1696437678608.json} (100%) rename api/_content/query/{sAwLUTM99v.1696437347555.json => sAwLUTM99v.1696437678608.json} (100%) delete mode 100644 api/_content/query/sySMUFLwMT.1696437347555.json create mode 100644 api/_content/query/sySMUFLwMT.1696437678608.json rename api/_content/query/{uKKiplvl6D.1696437347555.json => uKKiplvl6D.1696437678608.json} (100%) rename api/_content/query/{wsZXxsmhjo.1696437347555.json => wsZXxsmhjo.1696437678608.json} (100%) rename api/_content/query/{xqxfi554jX.1696437347555.json => xqxfi554jX.1696437678608.json} (100%) diff --git a/200.html b/200.html index 33c55874..3c2bf630 100644 --- a/200.html +++ b/200.html @@ -23,5 +23,5 @@
- + \ No newline at end of file diff --git a/404.html b/404.html index 33c55874..3c2bf630 100644 --- a/404.html +++ b/404.html @@ -23,5 +23,5 @@
- + \ No newline at end of file diff --git a/api/_content/cache.1696437347555.json b/api/_content/cache.1696437347555.json deleted file mode 100644 index f402440f..00000000 --- a/api/_content/cache.1696437347555.json +++ /dev/null @@ -1 +0,0 @@ -{"generatedAt":1696437374146,"generateTime":1660,"contents":[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"About","description":"An open source blog theme powered by Nuxt.","layout":"default","head":{"title":"Alpine"},"body":{"type":"root","children":[{"type":"element","tag":"hero","props":{"image":"/alpine-0.webp","id":"hi-i-am-alpinean-open-source-blog-theme-powered-by-nuxt-content-editable-on-nuxt-studiowrite-pages-in-markdown-and-vue-components-with-the-mdc-syntaxuse-30-built-in-components-in-your-markdown-pages"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hi, I am Alpine."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"An "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine","rel":["nofollow"]},"children":[{"type":"text","value":"open source blog theme"}]},{"type":"text","value":" powered by "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", editable on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown and Vue components with the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.space","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"30+ built-in"}]}]},{"type":"text","value":" components in your Markdown pages."}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit."}]},{"type":"element","tag":"gallery","props":{":images":"[\"/alpine-0.webp\",\"/alpine-1.webp\",\"/alpine-2.webp\"]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_extension":"md"},{"_path":"/articles","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Articles","description":"","layout":"page","body":{"type":"root","children":[{"type":"element","tag":"articles-list","props":{"path":"articles"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:2.articles.md","_source":"content","_file":"2.articles.md","_extension":"md"},{"_path":"/contact","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Contact","description":"","layout":"default","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"get-in-touch"},"children":[{"type":"text","value":"Get in touch"}]},{"type":"element","tag":"contact-form","props":{":fields":"[{\"type\":\"text\",\"name\":\"name\",\"label\":\"Your name\",\"required\":true},{\"type\":\"email\",\"name\":\"email\",\"label\":\"Your email\",\"required\":true},{\"type\":\"text\",\"name\":\"subject\",\"label\":\"Subject\",\"required\":false},{\"type\":\"textarea\",\"name\":\"message\",\"label\":\"Message\",\"required\":true}]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:3.contact.md","_source":"content","_file":"3.contact.md","_extension":"md"},{"_path":"/articles/get-started","_dir":"articles","_draft":false,"_partial":false,"_locale":"","title":"Get started with Alpine","description":"Creating a blog with Alpine is a command away, as well as deploying to many platforms.","cover":"/articles/get-started.webp","author":{"name":"Sébastien Chopin","avatarUrl":"https://pbs.twimg.com/profile_images/1042510623962275840/1Iw_Mvud_400x400.jpg","link":"https://twitter.com/atinux"},"date":"2022-08-23T00:00:00.000Z","layout":"article","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"get-started-with-alpine"},"children":[{"type":"text","value":"Get started with Alpine"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Creating a blog with Alpine is a command away, as well as deploying to many platforms."}]},{"type":"element","tag":"h2","props":{"id":"create-a-blog"},"children":[{"type":"text","value":"Create a blog"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Open a terminal an run the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npx nuxi@latest init -t themes/alpine\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"nuxi@latest"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"init"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"-t"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"themes/alpine"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"dependencies"},"children":[{"type":"text","value":"Dependencies"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Next, go to to "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"my-blog/"}]},{"type":"text","value":" directory and install the dependencies:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npm install\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"install"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"development"},"children":[{"type":"text","value":"Development"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Start the development server on port 3000:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npm run dev\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"run"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"dev"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Next, you can start creating your content in Markdown in the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory."}]},{"type":"element","tag":"h2","props":{"id":"deploy"},"children":[{"type":"text","value":"Deploy"}]},{"type":"element","tag":"h3","props":{"id":"static-hosting"},"children":[{"type":"text","value":"Static hosting"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can deploy Alpine to any static hosting by running the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npm run generate\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"run"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"generate"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This command will create a "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"dist/"}]},{"type":"text","value":" directory with the compiled files ready to be uploaded to any static hosting."}]},{"type":"element","tag":"h3","props":{"id":"edge-platforms"},"children":[{"type":"text","value":"Edge platforms"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alpine supports deploying to the following platforms with "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"zero configuration"}]},{"type":"text","value":":"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://vercel.com","rel":["nofollow"]},"children":[{"type":"text","value":"Vercel"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://netlify.com","rel":["nofollow"]},"children":[{"type":"text","value":"Netlify"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://v3.nuxtjs.org/guide/deploy/presets#supported-hosting-providers","rel":["nofollow"]},"children":[{"type":"text","value":"and more..."}]}]}]},{"type":"element","tag":"h3","props":{"id":"node-server"},"children":[{"type":"text","value":"Node server"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can deploy Alpine to a Node server by running the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npm run build\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"run"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"build"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This command will create a "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":".output/"}]},{"type":"text","value":" directory with the compiled files ready to be uploaded to any Node server."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To start the production server, run the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"node .output/server/index.mjs\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":".output/server/index.mjs"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":".github-light_github-dark{color:#24292e;background:#fff;}.dark .github-light_github-dark{color:#e1e4e8;background:#24292e;}.ct-762058{color:#6F42C1;}.dark .ct-762058{color:#B392F0;}.ct-553616{color:#24292E;}.dark .ct-553616{color:#E1E4E8;}.ct-952708{color:#032F62;}.dark .ct-952708{color:#9ECBFF;}.ct-617022{color:#005CC5;}.dark .ct-617022{color:#79B8FF;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"create-a-blog","depth":2,"text":"Create a blog"},{"id":"dependencies","depth":2,"text":"Dependencies"},{"id":"development","depth":2,"text":"Development"},{"id":"deploy","depth":2,"text":"Deploy","children":[{"id":"static-hosting","depth":3,"text":"Static hosting"},{"id":"edge-platforms","depth":3,"text":"Edge platforms"},{"id":"node-server","depth":3,"text":"Node server"}]}]}},"_type":"markdown","_id":"content:articles:1.get-started.md","_source":"content","_file":"articles/1.get-started.md","_extension":"md"},{"_path":"/articles/configure","_dir":"articles","_draft":false,"_partial":false,"_locale":"","title":"Configure Alpine","description":"Learn how to configure Alpine with the app.config.ts file.","cover":"/articles/configure-alpine.webp","author":{"name":"Clément Ollivier","avatarUrl":"https://pbs.twimg.com/profile_images/1370286658432724996/ZMSDzzIi_400x400.jpg","link":"https://twitter.com/clemcodes"},"date":"2022-08-23T00:00:00.000Z","layout":"article","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"configure-alpine"},"children":[{"type":"text","value":"Configure Alpine"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To configure meta tags, social links or even the Alpine theme display, update the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"alpine"}]},{"type":"text","value":" key in the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" at the root of your project:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"export default defineAppConfig({\n alpine: {\n /* Alpine configuration goes here */\n }\n}\n","filename":"app.config.ts","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineAppConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"/* Alpine configuration goes here */\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"}"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can look at the "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine/tree/main/app.config.ts","rel":["nofollow"]},"children":[{"type":"text","value":"default config"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine/tree/main/app.config.ts","rel":["nofollow"]},"children":[{"type":"text","value":"config schema"}]},{"type":"text","value":" also gives comments on all the configuration parameters."}]},{"type":"element","tag":"h2","props":{"id":"meta-tags"},"children":[{"type":"text","value":"Meta tags"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Configure the title, description and social image of your website:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"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","filename":"app.config.ts","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineAppConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Alpine'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'The minimalist blog theme'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" image: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'/social-card-preview.png'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// image can also be an object:\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" image: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" src: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'/social-card-preview.png'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alt: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'An image showcasing my project.'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" width: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"400"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" height: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"300\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"social-links"},"children":[{"type":"text","value":"Social links"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To configure the social links displayed in the footer, use the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"socials"}]},{"type":"text","value":" property:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"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","filename":"app.config.ts","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineAppConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" socials: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'nuxtlabs'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" instagram: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'wearenuxt'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" linkedin: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'uil:linkedin'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'LinkedIn'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'https://www.linkedin.com/company/nuxtlabs'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" mastodon: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'simple-icons:mastodon'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Mastodon'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'https://m.webtoo.ls/@nuxt'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" rel: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'me'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"theme-display"},"children":[{"type":"text","value":"Theme display"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alpine Header and Footer can also be customized via the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" file:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"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","filename":"app.config.ts","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineAppConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// Remove header with header: false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" header: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" position: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'inline'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// possible value are : 'none' | 'left' | 'center' | 'right' | 'inline'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" logo: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// Remove header with footer: false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" footer: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" credits: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" enabled: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// possible value are : true | false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" repository: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'https://www.github.com/nuxt-themes/alpine'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// our github repository\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" navigation: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"false"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// possible value are : true | false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" position: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'center'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// possible value are : 'none' | 'left' | 'center' | 'right'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" message: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Follow me on'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// string that will be displayed on the footer (leave empty or delete to disable)\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// Disable back to top button: false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" backToTop: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Back to top'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'material-symbols:arrow-upward'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":".github-light_github-dark{color:#24292e;background:#fff;}.dark .github-light_github-dark{color:#e1e4e8;background:#24292e;}.ct-149352{color:#D73A49;}.dark .ct-149352{color:#F97583;}.ct-553616{color:#24292E;}.dark .ct-553616{color:#E1E4E8;}.ct-762058{color:#6F42C1;}.dark .ct-762058{color:#B392F0;}.ct-086898{color:#6A737D;}.ct-952708{color:#032F62;}.dark .ct-952708{color:#9ECBFF;}.ct-617022{color:#005CC5;}.dark .ct-617022{color:#79B8FF;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"meta-tags","depth":2,"text":"Meta tags"},{"id":"social-links","depth":2,"text":"Social links"},{"id":"theme-display","depth":2,"text":"Theme display"}]}},"_type":"markdown","_id":"content:articles:2.configure.md","_source":"content","_file":"articles/2.configure.md","_extension":"md"},{"_path":"/articles/write-articles","_dir":"articles","_draft":false,"_partial":false,"_locale":"","title":"Write Articles","description":"Writing Markdown articles in Alpine is straightforward.","cover":"/articles/write-articles.webp","date":"2022-08-23T00:00:00.000Z","layout":"article","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"write-articles"},"children":[{"type":"text","value":"Write Articles"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown articles in Alpine is straightforward."}]},{"type":"element","tag":"h2","props":{"id":"create-an-articles-list"},"children":[{"type":"text","value":"Create an articles list"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create a new file in the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"touch content/2.articles.md\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"touch"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"content/2.articles.md"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The numbered prefix determines the order of the menu items."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In this file, use the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"articles-list"}]},{"type":"text","value":" component to display the list of articles:"}]},{"type":"element","tag":"pre","props":{"className":"language-md github-light_github-dark","code":"---\ntitle: 'Articles'\nlayout: 'page'\n---\n\n::articles-list\n---\npath: articles\n---\n::\n\n","filename":"2.articles.md","language":"md","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Articles'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"layout"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'page'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{},"children":[]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"articles-list\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"path"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"articles\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"::"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"path"}]},{"type":"text","value":" prop corresponds to the directory where the articles are stored."}]},{"type":"element","tag":"h2","props":{"id":"display-an-article-in-the-list"},"children":[{"type":"text","value":"Display an article in the list"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create a new file in the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"/content/articles"}]},{"type":"text","value":" directory:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"mkdir content/articles\ntouch content/articles/1.my-new-article.md\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"mkdir"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"content/articles\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"touch"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"content/articles/1.my-new-article.md"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"For your article to be correctly displayed in the "},{"type":"element","tag":"a","props":{"href":"/articles"},"children":[{"type":"text","value":"articles list"}]},{"type":"text","value":", define a "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"cover"}]},{"type":"text","value":" and "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"date"}]},{"type":"text","value":" property in the frontmatter:"}]},{"type":"element","tag":"pre","props":{"className":"language-yaml github-light_github-dark","code":"---\ncover: path/to/cover\ndate: 2022-08-23\n---\n","filename":"content/articles/1.my-new-article.md","language":"yaml","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"cover"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"path/to/cover\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"date"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"2022-08-23\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"cover"}]},{"type":"text","value":" property can be a local path relative to the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"/public"}]},{"type":"text","value":" directory or an external URL."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Your article will now be displayed in the list with its filename as a default title."}]},{"type":"element","tag":"h2","props":{"id":"edit-your-article"},"children":[{"type":"text","value":"Edit your article"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Under the frontmatter block, enter a Markdown "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"h1"}]},{"type":"text","value":" tag and a line of text:"}]},{"type":"element","tag":"pre","props":{"className":"language-md github-light_github-dark","code":"---\ncover: path/to/cover\ndate: 2022-08-23\n---\n\n# An awesome article\n\nThis article is little by size but big by heart.\n","filename":"content/articles/1.my-new-article.md","language":"md","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"cover"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"path/to/cover\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"date"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"2022-08-23\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{},"children":[]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-558650"},"children":[{"type":"text","value":"# An awesome article\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{},"children":[]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"This article is little by size but big by heart."}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Your article will now be displayed in the list with the title and description you wrote in Markdown."}]},{"type":"element","tag":"h2","props":{"id":"override-title-and-description"},"children":[{"type":"text","value":"Override title and description"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"If you want to change the title and description displayed on the list and in the meta tags of the article, add the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"title"}]},{"type":"text","value":" and "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"description"}]},{"type":"text","value":" property to your frontmatter:"}]},{"type":"element","tag":"pre","props":{"className":"language-md[content/articles/1.my-new-article.md] github-light_github-dark","code":"---\ncover: path/to/cover\ndate: 2022-08-23\ntitle: Another title\ndescription: Another description\n---\n","filename":"content/articles/1.my-new-article.md","language":"md","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"cover"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"path/to/cover\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"date"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"2022-08-23\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"Another title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"Another description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You are now ready to edit your article and create new ones!"}]},{"type":"element","tag":"h2","props":{"id":"optional-arguments"},"children":[{"type":"text","value":"Optional Arguments"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In the frontmatter block, you can pass additional options for displaying your article, such as displaying badges on the image:"}]},{"type":"element","tag":"pre","props":{"className":"language-md github-light_github-dark","code":"---\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","language":"md","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"cover"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"path/to/cover\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"date"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"2022-08-23\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"badges"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": [{\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"color"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'white'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"bg"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'rgba(0, 0, 0, 0.3)'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"content"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Technology'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"}]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"read-more"},"children":[{"type":"text","value":"Read more"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alpine is a Nuxt theme using the Content module in "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"documentDriven"}]},{"type":"text","value":" mode."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"👉 Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content documentation"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":".github-light_github-dark{color:#24292e;background:#fff;}.dark .github-light_github-dark{color:#e1e4e8;background:#24292e;}.ct-762058{color:#6F42C1;}.dark .ct-762058{color:#B392F0;}.ct-553616{color:#24292E;}.dark .ct-553616{color:#E1E4E8;}.ct-952708{color:#032F62;}.dark .ct-952708{color:#9ECBFF;}.ct-914029{color:#22863A;}.dark .ct-914029{color:#85E89D;}.ct-617022{color:#005CC5;}.dark .ct-617022{color:#79B8FF;}.ct-558650{color:#005CC5;font-weight:bold;}.dark .ct-558650{color:#79B8FF;font-weight:bold;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"create-an-articles-list","depth":2,"text":"Create an articles list"},{"id":"display-an-article-in-the-list","depth":2,"text":"Display an article in the list"},{"id":"edit-your-article","depth":2,"text":"Edit your article"},{"id":"override-title-and-description","depth":2,"text":"Override title and description"},{"id":"optional-arguments","depth":2,"text":"Optional Arguments"},{"id":"read-more","depth":2,"text":"Read more"}]}},"_type":"markdown","_id":"content:articles:3.write-articles.md","_source":"content","_file":"articles/3.write-articles.md","_extension":"md"},{"_path":"/articles/design-tokens","_dir":"articles","_draft":false,"_partial":false,"_locale":"","title":"Customize Alpine","description":"Leverage the tokens.config.ts to give your identity to Alpine.","cover":"/articles/design-tokens.webp","date":"2022-08-23T00:00:00.000Z","layout":"article","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"customize-alpine"},"children":[{"type":"text","value":"Customize Alpine"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Leverage the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"tokens.config.ts"}]},{"type":"text","value":" to give your identity to Alpine."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Look at the "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine/blob/main/tokens.config.ts","rel":["nofollow"]},"children":[{"type":"text","value":"default tokens config"}]},{"type":"text","value":" to check all the Alpine related Design Tokens."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alpine is also powered by "},{"type":"element","tag":"a","props":{"href":"https://www.npmjs.com/package/@nuxt-themes/tokens","rel":["nofollow"]},"children":[{"type":"text","value":"@nuxt-themes/tokens"}]},{"type":"text","value":", see the "},{"type":"element","tag":"a","props":{"href":"https://unpkg.com/@nuxt-themes/tokens@latest/dist/tokens.config.ts","rel":["nofollow"]},"children":[{"type":"text","value":"package tokens.config.ts"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can configure all the theme tokens to change the apperance of Alpine by creating a "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"tokens.config.ts"}]},{"type":"text","value":" in your project:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"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","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" { defineTheme } "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'pinceau'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{},"children":[]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineTheme"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" body: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// Update the background color in light & dark mode\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" backgroundColor: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" initial: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'#f8fafc'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" dark: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'#0f172a'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"If you are using "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":", you can use an UI to update the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"token.config.ts"}]},{"type":"text","value":" of your Alpine project:"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"design-tokens-studio.png","src":"/design-tokens-studio.png"},"children":[]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":".github-light_github-dark{color:#24292e;background:#fff;}.dark .github-light_github-dark{color:#e1e4e8;background:#24292e;}.ct-149352{color:#D73A49;}.dark .ct-149352{color:#F97583;}.ct-553616{color:#24292E;}.dark .ct-553616{color:#E1E4E8;}.ct-952708{color:#032F62;}.dark .ct-952708{color:#9ECBFF;}.ct-762058{color:#6F42C1;}.dark .ct-762058{color:#B392F0;}.ct-086898{color:#6A737D;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:articles:4.design-tokens.md","_source":"content","_file":"articles/4.design-tokens.md","_extension":"md"}],"navigation":[{"title":"About","_path":"/","layout":"default"},{"title":"Articles","_path":"/articles","children":[{"title":"Get started with Alpine","_path":"/articles/get-started","layout":"article"},{"title":"Configure Alpine","_path":"/articles/configure","layout":"article"},{"title":"Write Articles","_path":"/articles/write-articles","layout":"article"},{"title":"Customize Alpine","_path":"/articles/design-tokens","layout":"article"}],"layout":"page"},{"title":"Contact","_path":"/contact","layout":"default"}]} \ No newline at end of file diff --git a/api/_content/cache.1696437678608.json b/api/_content/cache.1696437678608.json new file mode 100644 index 00000000..5fdbe3b6 --- /dev/null +++ b/api/_content/cache.1696437678608.json @@ -0,0 +1 @@ +{"generatedAt":1696437713060,"generateTime":2068,"contents":[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"About","description":"An open source blog theme powered by Nuxt.","layout":"default","head":{"title":"Alpine"},"body":{"type":"root","children":[{"type":"element","tag":"hero","props":{"image":"/alpine-0.webp","id":"hi-i-am-alpinean-open-source-blog-theme-powered-by-nuxt-content-editable-on-nuxt-studiowrite-pages-in-markdown-and-vue-components-with-the-mdc-syntaxuse-30-built-in-components-in-your-markdown-pages"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hi, I am Alpine..."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"An "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine","rel":["nofollow"]},"children":[{"type":"text","value":"open source blog theme"}]},{"type":"text","value":" powered by "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", editable on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown and Vue components with the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.space","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"30+ built-in"}]}]},{"type":"text","value":" components in your Markdown pages."}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit."}]},{"type":"element","tag":"gallery","props":{":images":"[\"/alpine-0.webp\",\"/alpine-1.webp\",\"/alpine-2.webp\"]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_extension":"md"},{"_path":"/articles","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Articles","description":"","layout":"page","body":{"type":"root","children":[{"type":"element","tag":"articles-list","props":{"path":"articles"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:2.articles.md","_source":"content","_file":"2.articles.md","_extension":"md"},{"_path":"/contact","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Contact","description":"","layout":"default","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"get-in-touch"},"children":[{"type":"text","value":"Get in touch"}]},{"type":"element","tag":"contact-form","props":{":fields":"[{\"type\":\"text\",\"name\":\"name\",\"label\":\"Your name\",\"required\":true},{\"type\":\"email\",\"name\":\"email\",\"label\":\"Your email\",\"required\":true},{\"type\":\"text\",\"name\":\"subject\",\"label\":\"Subject\",\"required\":false},{\"type\":\"textarea\",\"name\":\"message\",\"label\":\"Message\",\"required\":true}]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:3.contact.md","_source":"content","_file":"3.contact.md","_extension":"md"},{"_path":"/articles/get-started","_dir":"articles","_draft":false,"_partial":false,"_locale":"","title":"Get started with Alpine","description":"Creating a blog with Alpine is a command away, as well as deploying to many platforms.","cover":"/articles/get-started.webp","author":{"name":"Sébastien Chopin","avatarUrl":"https://pbs.twimg.com/profile_images/1042510623962275840/1Iw_Mvud_400x400.jpg","link":"https://twitter.com/atinux"},"date":"2022-08-23T00:00:00.000Z","layout":"article","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"get-started-with-alpine"},"children":[{"type":"text","value":"Get started with Alpine"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Creating a blog with Alpine is a command away, as well as deploying to many platforms."}]},{"type":"element","tag":"h2","props":{"id":"create-a-blog"},"children":[{"type":"text","value":"Create a blog"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Open a terminal an run the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npx nuxi@latest init -t themes/alpine\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"nuxi@latest"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"init"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"-t"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"themes/alpine"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"dependencies"},"children":[{"type":"text","value":"Dependencies"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Next, go to to "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"my-blog/"}]},{"type":"text","value":" directory and install the dependencies:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npm install\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"install"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"development"},"children":[{"type":"text","value":"Development"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Start the development server on port 3000:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npm run dev\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"run"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"dev"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Next, you can start creating your content in Markdown in the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory."}]},{"type":"element","tag":"h2","props":{"id":"deploy"},"children":[{"type":"text","value":"Deploy"}]},{"type":"element","tag":"h3","props":{"id":"static-hosting"},"children":[{"type":"text","value":"Static hosting"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can deploy Alpine to any static hosting by running the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npm run generate\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"run"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"generate"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This command will create a "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"dist/"}]},{"type":"text","value":" directory with the compiled files ready to be uploaded to any static hosting."}]},{"type":"element","tag":"h3","props":{"id":"edge-platforms"},"children":[{"type":"text","value":"Edge platforms"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alpine supports deploying to the following platforms with "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"zero configuration"}]},{"type":"text","value":":"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://vercel.com","rel":["nofollow"]},"children":[{"type":"text","value":"Vercel"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://netlify.com","rel":["nofollow"]},"children":[{"type":"text","value":"Netlify"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://v3.nuxtjs.org/guide/deploy/presets#supported-hosting-providers","rel":["nofollow"]},"children":[{"type":"text","value":"and more..."}]}]}]},{"type":"element","tag":"h3","props":{"id":"node-server"},"children":[{"type":"text","value":"Node server"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can deploy Alpine to a Node server by running the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"npm run build\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"run"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"build"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This command will create a "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":".output/"}]},{"type":"text","value":" directory with the compiled files ready to be uploaded to any Node server."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To start the production server, run the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"node .output/server/index.mjs\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":".output/server/index.mjs"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":".github-light_github-dark{color:#24292e;background:#fff;}.dark .github-light_github-dark{color:#e1e4e8;background:#24292e;}.ct-762058{color:#6F42C1;}.dark .ct-762058{color:#B392F0;}.ct-553616{color:#24292E;}.dark .ct-553616{color:#E1E4E8;}.ct-952708{color:#032F62;}.dark .ct-952708{color:#9ECBFF;}.ct-617022{color:#005CC5;}.dark .ct-617022{color:#79B8FF;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"create-a-blog","depth":2,"text":"Create a blog"},{"id":"dependencies","depth":2,"text":"Dependencies"},{"id":"development","depth":2,"text":"Development"},{"id":"deploy","depth":2,"text":"Deploy","children":[{"id":"static-hosting","depth":3,"text":"Static hosting"},{"id":"edge-platforms","depth":3,"text":"Edge platforms"},{"id":"node-server","depth":3,"text":"Node server"}]}]}},"_type":"markdown","_id":"content:articles:1.get-started.md","_source":"content","_file":"articles/1.get-started.md","_extension":"md"},{"_path":"/articles/configure","_dir":"articles","_draft":false,"_partial":false,"_locale":"","title":"Configure Alpine","description":"Learn how to configure Alpine with the app.config.ts file.","cover":"/articles/configure-alpine.webp","author":{"name":"Clément Ollivier","avatarUrl":"https://pbs.twimg.com/profile_images/1370286658432724996/ZMSDzzIi_400x400.jpg","link":"https://twitter.com/clemcodes"},"date":"2022-08-23T00:00:00.000Z","layout":"article","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"configure-alpine"},"children":[{"type":"text","value":"Configure Alpine"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To configure meta tags, social links or even the Alpine theme display, update the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"alpine"}]},{"type":"text","value":" key in the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" at the root of your project:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"export default defineAppConfig({\n alpine: {\n /* Alpine configuration goes here */\n }\n}\n","filename":"app.config.ts","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineAppConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"/* Alpine configuration goes here */\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"}"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can look at the "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine/tree/main/app.config.ts","rel":["nofollow"]},"children":[{"type":"text","value":"default config"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine/tree/main/app.config.ts","rel":["nofollow"]},"children":[{"type":"text","value":"config schema"}]},{"type":"text","value":" also gives comments on all the configuration parameters."}]},{"type":"element","tag":"h2","props":{"id":"meta-tags"},"children":[{"type":"text","value":"Meta tags"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Configure the title, description and social image of your website:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"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","filename":"app.config.ts","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineAppConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Alpine'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'The minimalist blog theme'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" image: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'/social-card-preview.png'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// image can also be an object:\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" image: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" src: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'/social-card-preview.png'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alt: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'An image showcasing my project.'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" width: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"400"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" height: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"300\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"social-links"},"children":[{"type":"text","value":"Social links"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To configure the social links displayed in the footer, use the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"socials"}]},{"type":"text","value":" property:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"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","filename":"app.config.ts","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineAppConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" socials: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'nuxtlabs'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" instagram: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'wearenuxt'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" linkedin: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'uil:linkedin'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'LinkedIn'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'https://www.linkedin.com/company/nuxtlabs'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" mastodon: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'simple-icons:mastodon'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Mastodon'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'https://m.webtoo.ls/@nuxt'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" rel: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'me'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"theme-display"},"children":[{"type":"text","value":"Theme display"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alpine Header and Footer can also be customized via the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" file:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"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","filename":"app.config.ts","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineAppConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// Remove header with header: false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" header: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" position: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'inline'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// possible value are : 'none' | 'left' | 'center' | 'right' | 'inline'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" logo: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// Remove header with footer: false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" footer: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" credits: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" enabled: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// possible value are : true | false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" repository: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'https://www.github.com/nuxt-themes/alpine'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// our github repository\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" navigation: "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"false"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// possible value are : true | false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" position: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'center'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// possible value are : 'none' | 'left' | 'center' | 'right'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" message: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Follow me on'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// string that will be displayed on the footer (leave empty or delete to disable)\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// Disable back to top button: false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" backToTop: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Back to top'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'material-symbols:arrow-upward'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":".github-light_github-dark{color:#24292e;background:#fff;}.dark .github-light_github-dark{color:#e1e4e8;background:#24292e;}.ct-149352{color:#D73A49;}.dark .ct-149352{color:#F97583;}.ct-553616{color:#24292E;}.dark .ct-553616{color:#E1E4E8;}.ct-762058{color:#6F42C1;}.dark .ct-762058{color:#B392F0;}.ct-086898{color:#6A737D;}.ct-952708{color:#032F62;}.dark .ct-952708{color:#9ECBFF;}.ct-617022{color:#005CC5;}.dark .ct-617022{color:#79B8FF;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"meta-tags","depth":2,"text":"Meta tags"},{"id":"social-links","depth":2,"text":"Social links"},{"id":"theme-display","depth":2,"text":"Theme display"}]}},"_type":"markdown","_id":"content:articles:2.configure.md","_source":"content","_file":"articles/2.configure.md","_extension":"md"},{"_path":"/articles/write-articles","_dir":"articles","_draft":false,"_partial":false,"_locale":"","title":"Write Articles","description":"Writing Markdown articles in Alpine is straightforward.","cover":"/articles/write-articles.webp","date":"2022-08-23T00:00:00.000Z","layout":"article","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"write-articles"},"children":[{"type":"text","value":"Write Articles"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown articles in Alpine is straightforward."}]},{"type":"element","tag":"h2","props":{"id":"create-an-articles-list"},"children":[{"type":"text","value":"Create an articles list"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create a new file in the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"touch content/2.articles.md\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"touch"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"content/2.articles.md"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The numbered prefix determines the order of the menu items."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In this file, use the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"articles-list"}]},{"type":"text","value":" component to display the list of articles:"}]},{"type":"element","tag":"pre","props":{"className":"language-md github-light_github-dark","code":"---\ntitle: 'Articles'\nlayout: 'page'\n---\n\n::articles-list\n---\npath: articles\n---\n::\n\n","filename":"2.articles.md","language":"md","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Articles'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"layout"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'page'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{},"children":[]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"::"}]},{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"articles-list\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"path"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"articles\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"::"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"path"}]},{"type":"text","value":" prop corresponds to the directory where the articles are stored."}]},{"type":"element","tag":"h2","props":{"id":"display-an-article-in-the-list"},"children":[{"type":"text","value":"Display an article in the list"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create a new file in the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"/content/articles"}]},{"type":"text","value":" directory:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash github-light_github-dark","code":"mkdir content/articles\ntouch content/articles/1.my-new-article.md\n","language":"bash","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"mkdir"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"content/articles\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"touch"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"content/articles/1.my-new-article.md"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"For your article to be correctly displayed in the "},{"type":"element","tag":"a","props":{"href":"/articles"},"children":[{"type":"text","value":"articles list"}]},{"type":"text","value":", define a "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"cover"}]},{"type":"text","value":" and "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"date"}]},{"type":"text","value":" property in the frontmatter:"}]},{"type":"element","tag":"pre","props":{"className":"language-yaml github-light_github-dark","code":"---\ncover: path/to/cover\ndate: 2022-08-23\n---\n","filename":"content/articles/1.my-new-article.md","language":"yaml","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"cover"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"path/to/cover\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"date"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"2022-08-23\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"cover"}]},{"type":"text","value":" property can be a local path relative to the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"/public"}]},{"type":"text","value":" directory or an external URL."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Your article will now be displayed in the list with its filename as a default title."}]},{"type":"element","tag":"h2","props":{"id":"edit-your-article"},"children":[{"type":"text","value":"Edit your article"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Under the frontmatter block, enter a Markdown "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"h1"}]},{"type":"text","value":" tag and a line of text:"}]},{"type":"element","tag":"pre","props":{"className":"language-md github-light_github-dark","code":"---\ncover: path/to/cover\ndate: 2022-08-23\n---\n\n# An awesome article\n\nThis article is little by size but big by heart.\n","filename":"content/articles/1.my-new-article.md","language":"md","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"cover"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"path/to/cover\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"date"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"2022-08-23\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{},"children":[]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-558650"},"children":[{"type":"text","value":"# An awesome article\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{},"children":[]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"This article is little by size but big by heart."}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Your article will now be displayed in the list with the title and description you wrote in Markdown."}]},{"type":"element","tag":"h2","props":{"id":"override-title-and-description"},"children":[{"type":"text","value":"Override title and description"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"If you want to change the title and description displayed on the list and in the meta tags of the article, add the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"title"}]},{"type":"text","value":" and "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"description"}]},{"type":"text","value":" property to your frontmatter:"}]},{"type":"element","tag":"pre","props":{"className":"language-md[content/articles/1.my-new-article.md] github-light_github-dark","code":"---\ncover: path/to/cover\ndate: 2022-08-23\ntitle: Another title\ndescription: Another description\n---\n","filename":"content/articles/1.my-new-article.md","language":"md","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"cover"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"path/to/cover\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"date"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"2022-08-23\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"Another title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"Another description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You are now ready to edit your article and create new ones!"}]},{"type":"element","tag":"h2","props":{"id":"optional-arguments"},"children":[{"type":"text","value":"Optional Arguments"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In the frontmatter block, you can pass additional options for displaying your article, such as displaying badges on the image:"}]},{"type":"element","tag":"pre","props":{"className":"language-md github-light_github-dark","code":"---\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","language":"md","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"cover"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"path/to/cover\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"date"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-617022"},"children":[{"type":"text","value":"2022-08-23\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"badges"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": [{\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"color"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'white'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"bg"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'rgba(0, 0, 0, 0.3)'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-914029"},"children":[{"type":"text","value":"content"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'Technology'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"}]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"read-more"},"children":[{"type":"text","value":"Read more"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alpine is a Nuxt theme using the Content module in "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"documentDriven"}]},{"type":"text","value":" mode."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"👉 Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content documentation"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":".github-light_github-dark{color:#24292e;background:#fff;}.dark .github-light_github-dark{color:#e1e4e8;background:#24292e;}.ct-762058{color:#6F42C1;}.dark .ct-762058{color:#B392F0;}.ct-553616{color:#24292E;}.dark .ct-553616{color:#E1E4E8;}.ct-952708{color:#032F62;}.dark .ct-952708{color:#9ECBFF;}.ct-914029{color:#22863A;}.dark .ct-914029{color:#85E89D;}.ct-617022{color:#005CC5;}.dark .ct-617022{color:#79B8FF;}.ct-558650{color:#005CC5;font-weight:bold;}.dark .ct-558650{color:#79B8FF;font-weight:bold;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"create-an-articles-list","depth":2,"text":"Create an articles list"},{"id":"display-an-article-in-the-list","depth":2,"text":"Display an article in the list"},{"id":"edit-your-article","depth":2,"text":"Edit your article"},{"id":"override-title-and-description","depth":2,"text":"Override title and description"},{"id":"optional-arguments","depth":2,"text":"Optional Arguments"},{"id":"read-more","depth":2,"text":"Read more"}]}},"_type":"markdown","_id":"content:articles:3.write-articles.md","_source":"content","_file":"articles/3.write-articles.md","_extension":"md"},{"_path":"/articles/design-tokens","_dir":"articles","_draft":false,"_partial":false,"_locale":"","title":"Customize Alpine","description":"Leverage the tokens.config.ts to give your identity to Alpine.","cover":"/articles/design-tokens.webp","date":"2022-08-23T00:00:00.000Z","layout":"article","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"customize-alpine"},"children":[{"type":"text","value":"Customize Alpine"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Leverage the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"tokens.config.ts"}]},{"type":"text","value":" to give your identity to Alpine."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Look at the "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine/blob/main/tokens.config.ts","rel":["nofollow"]},"children":[{"type":"text","value":"default tokens config"}]},{"type":"text","value":" to check all the Alpine related Design Tokens."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Alpine is also powered by "},{"type":"element","tag":"a","props":{"href":"https://www.npmjs.com/package/@nuxt-themes/tokens","rel":["nofollow"]},"children":[{"type":"text","value":"@nuxt-themes/tokens"}]},{"type":"text","value":", see the "},{"type":"element","tag":"a","props":{"href":"https://unpkg.com/@nuxt-themes/tokens@latest/dist/tokens.config.ts","rel":["nofollow"]},"children":[{"type":"text","value":"package tokens.config.ts"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can configure all the theme tokens to change the apperance of Alpine by creating a "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"tokens.config.ts"}]},{"type":"text","value":" in your project:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts github-light_github-dark","code":"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","language":"ts","meta":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" { defineTheme } "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'pinceau'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{},"children":[]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-149352"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-762058"},"children":[{"type":"text","value":"defineTheme"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" alpine: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" body: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-086898"},"children":[{"type":"text","value":"// Update the background color in light & dark mode\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" backgroundColor: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" initial: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'#f8fafc'"}]},{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" dark: "}]},{"type":"element","tag":"span","props":{"class":"ct-952708"},"children":[{"type":"text","value":"'#0f172a'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"class":"ct-553616"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"If you are using "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":", you can use an UI to update the "},{"type":"element","tag":"code","props":{},"children":[{"type":"text","value":"token.config.ts"}]},{"type":"text","value":" of your Alpine project:"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"design-tokens-studio.png","src":"/design-tokens-studio.png"},"children":[]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":".github-light_github-dark{color:#24292e;background:#fff;}.dark .github-light_github-dark{color:#e1e4e8;background:#24292e;}.ct-149352{color:#D73A49;}.dark .ct-149352{color:#F97583;}.ct-553616{color:#24292E;}.dark .ct-553616{color:#E1E4E8;}.ct-952708{color:#032F62;}.dark .ct-952708{color:#9ECBFF;}.ct-762058{color:#6F42C1;}.dark .ct-762058{color:#B392F0;}.ct-086898{color:#6A737D;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:articles:4.design-tokens.md","_source":"content","_file":"articles/4.design-tokens.md","_extension":"md"}],"navigation":[{"title":"About","_path":"/","layout":"default"},{"title":"Articles","_path":"/articles","children":[{"title":"Get started with Alpine","_path":"/articles/get-started","layout":"article"},{"title":"Configure Alpine","_path":"/articles/configure","layout":"article"},{"title":"Write Articles","_path":"/articles/write-articles","layout":"article"},{"title":"Customize Alpine","_path":"/articles/design-tokens","layout":"article"}],"layout":"page"},{"title":"Contact","_path":"/contact","layout":"default"}]} \ No newline at end of file diff --git a/api/_content/navigation/u7BbTyuhiE.1696437347555.json b/api/_content/navigation/u7BbTyuhiE.1696437678608.json similarity index 100% rename from api/_content/navigation/u7BbTyuhiE.1696437347555.json rename to api/_content/navigation/u7BbTyuhiE.1696437678608.json diff --git a/api/_content/query/4MxUVzxi2k.1696437347555.json b/api/_content/query/4MxUVzxi2k.1696437678608.json similarity index 100% rename from api/_content/query/4MxUVzxi2k.1696437347555.json rename to api/_content/query/4MxUVzxi2k.1696437678608.json diff --git a/api/_content/query/59xeOb2naK.1696437347555.json b/api/_content/query/59xeOb2naK.1696437678608.json similarity index 100% rename from api/_content/query/59xeOb2naK.1696437347555.json rename to api/_content/query/59xeOb2naK.1696437678608.json diff --git a/api/_content/query/KIzjyHZELc.1696437347555.json b/api/_content/query/KIzjyHZELc.1696437678608.json similarity index 100% rename from api/_content/query/KIzjyHZELc.1696437347555.json rename to api/_content/query/KIzjyHZELc.1696437678608.json diff --git a/api/_content/query/N48jd3booq.1696437347555.json b/api/_content/query/N48jd3booq.1696437678608.json similarity index 100% rename from api/_content/query/N48jd3booq.1696437347555.json rename to api/_content/query/N48jd3booq.1696437678608.json diff --git a/api/_content/query/QHUKJ8aQxX.1696437347555.json b/api/_content/query/QHUKJ8aQxX.1696437678608.json similarity index 100% rename from api/_content/query/QHUKJ8aQxX.1696437347555.json rename to api/_content/query/QHUKJ8aQxX.1696437678608.json diff --git a/api/_content/query/XVTYOGOCtL.1696437347555.json b/api/_content/query/XVTYOGOCtL.1696437678608.json similarity index 100% rename from api/_content/query/XVTYOGOCtL.1696437347555.json rename to api/_content/query/XVTYOGOCtL.1696437678608.json diff --git a/api/_content/query/brX4CwCJoQ.1696437347555.json b/api/_content/query/brX4CwCJoQ.1696437347555.json deleted file mode 100644 index bfd43e59..00000000 --- a/api/_content/query/brX4CwCJoQ.1696437347555.json +++ /dev/null @@ -1 +0,0 @@ -{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"About","description":"An open source blog theme powered by Nuxt.","layout":"default","head":{"title":"Alpine"},"body":{"type":"root","children":[{"type":"element","tag":"hero","props":{"image":"/alpine-0.webp","id":"hi-i-am-alpinean-open-source-blog-theme-powered-by-nuxt-content-editable-on-nuxt-studiowrite-pages-in-markdown-and-vue-components-with-the-mdc-syntaxuse-30-built-in-components-in-your-markdown-pages"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hi, I am Alpine."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"An "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine","rel":["nofollow"]},"children":[{"type":"text","value":"open source blog theme"}]},{"type":"text","value":" powered by "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", editable on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown and Vue components with the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.space","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"30+ built-in"}]}]},{"type":"text","value":" components in your Markdown pages."}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit."}]},{"type":"element","tag":"gallery","props":{":images":"[\"/alpine-0.webp\",\"/alpine-1.webp\",\"/alpine-2.webp\"]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_extension":"md"} \ No newline at end of file diff --git a/api/_content/query/brX4CwCJoQ.1696437678608.json b/api/_content/query/brX4CwCJoQ.1696437678608.json new file mode 100644 index 00000000..0a159421 --- /dev/null +++ b/api/_content/query/brX4CwCJoQ.1696437678608.json @@ -0,0 +1 @@ +{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"About","description":"An open source blog theme powered by Nuxt.","layout":"default","head":{"title":"Alpine"},"body":{"type":"root","children":[{"type":"element","tag":"hero","props":{"image":"/alpine-0.webp","id":"hi-i-am-alpinean-open-source-blog-theme-powered-by-nuxt-content-editable-on-nuxt-studiowrite-pages-in-markdown-and-vue-components-with-the-mdc-syntaxuse-30-built-in-components-in-your-markdown-pages"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hi, I am Alpine..."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"An "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine","rel":["nofollow"]},"children":[{"type":"text","value":"open source blog theme"}]},{"type":"text","value":" powered by "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", editable on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown and Vue components with the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.space","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"30+ built-in"}]}]},{"type":"text","value":" components in your Markdown pages."}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit."}]},{"type":"element","tag":"gallery","props":{":images":"[\"/alpine-0.webp\",\"/alpine-1.webp\",\"/alpine-2.webp\"]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_extension":"md"} \ No newline at end of file diff --git a/api/_content/query/gJgh1hc9nL.1696437347555.json b/api/_content/query/gJgh1hc9nL.1696437678608.json similarity index 100% rename from api/_content/query/gJgh1hc9nL.1696437347555.json rename to api/_content/query/gJgh1hc9nL.1696437678608.json diff --git a/api/_content/query/jgcn9ybC94.1696437347555.json b/api/_content/query/jgcn9ybC94.1696437678608.json similarity index 100% rename from api/_content/query/jgcn9ybC94.1696437347555.json rename to api/_content/query/jgcn9ybC94.1696437678608.json diff --git a/api/_content/query/kvkF8an8eA.1696437347555.json b/api/_content/query/kvkF8an8eA.1696437678608.json similarity index 100% rename from api/_content/query/kvkF8an8eA.1696437347555.json rename to api/_content/query/kvkF8an8eA.1696437678608.json diff --git a/api/_content/query/sAwLUTM99v.1696437347555.json b/api/_content/query/sAwLUTM99v.1696437678608.json similarity index 100% rename from api/_content/query/sAwLUTM99v.1696437347555.json rename to api/_content/query/sAwLUTM99v.1696437678608.json diff --git a/api/_content/query/sySMUFLwMT.1696437347555.json b/api/_content/query/sySMUFLwMT.1696437347555.json deleted file mode 100644 index ebf7058d..00000000 --- a/api/_content/query/sySMUFLwMT.1696437347555.json +++ /dev/null @@ -1 +0,0 @@ -[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"About","description":"An open source blog theme powered by Nuxt.","layout":"default","head":{"title":"Alpine"},"body":{"type":"root","children":[{"type":"element","tag":"hero","props":{"image":"/alpine-0.webp","id":"hi-i-am-alpinean-open-source-blog-theme-powered-by-nuxt-content-editable-on-nuxt-studiowrite-pages-in-markdown-and-vue-components-with-the-mdc-syntaxuse-30-built-in-components-in-your-markdown-pages"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hi, I am Alpine."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"An "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine","rel":["nofollow"]},"children":[{"type":"text","value":"open source blog theme"}]},{"type":"text","value":" powered by "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", editable on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown and Vue components with the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.space","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"30+ built-in"}]}]},{"type":"text","value":" components in your Markdown pages."}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit."}]},{"type":"element","tag":"gallery","props":{":images":"[\"/alpine-0.webp\",\"/alpine-1.webp\",\"/alpine-2.webp\"]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_extension":"md"},{"_path":"/contact","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Contact","description":"","layout":"default","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"get-in-touch"},"children":[{"type":"text","value":"Get in touch"}]},{"type":"element","tag":"contact-form","props":{":fields":"[{\"type\":\"text\",\"name\":\"name\",\"label\":\"Your name\",\"required\":true},{\"type\":\"email\",\"name\":\"email\",\"label\":\"Your email\",\"required\":true},{\"type\":\"text\",\"name\":\"subject\",\"label\":\"Subject\",\"required\":false},{\"type\":\"textarea\",\"name\":\"message\",\"label\":\"Message\",\"required\":true}]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:3.contact.md","_source":"content","_file":"3.contact.md","_extension":"md"}] \ No newline at end of file diff --git a/api/_content/query/sySMUFLwMT.1696437678608.json b/api/_content/query/sySMUFLwMT.1696437678608.json new file mode 100644 index 00000000..b9f117f5 --- /dev/null +++ b/api/_content/query/sySMUFLwMT.1696437678608.json @@ -0,0 +1 @@ +[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"About","description":"An open source blog theme powered by Nuxt.","layout":"default","head":{"title":"Alpine"},"body":{"type":"root","children":[{"type":"element","tag":"hero","props":{"image":"/alpine-0.webp","id":"hi-i-am-alpinean-open-source-blog-theme-powered-by-nuxt-content-editable-on-nuxt-studiowrite-pages-in-markdown-and-vue-components-with-the-mdc-syntaxuse-30-built-in-components-in-your-markdown-pages"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hi, I am Alpine..."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"An "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-themes/alpine","rel":["nofollow"]},"children":[{"type":"text","value":"open source blog theme"}]},{"type":"text","value":" powered by "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", editable on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown and Vue components with the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.space","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"30+ built-in"}]}]},{"type":"text","value":" components in your Markdown pages."}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit."}]},{"type":"element","tag":"gallery","props":{":images":"[\"/alpine-0.webp\",\"/alpine-1.webp\",\"/alpine-2.webp\"]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_extension":"md"},{"_path":"/contact","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Contact","description":"","layout":"default","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"get-in-touch"},"children":[{"type":"text","value":"Get in touch"}]},{"type":"element","tag":"contact-form","props":{":fields":"[{\"type\":\"text\",\"name\":\"name\",\"label\":\"Your name\",\"required\":true},{\"type\":\"email\",\"name\":\"email\",\"label\":\"Your email\",\"required\":true},{\"type\":\"text\",\"name\":\"subject\",\"label\":\"Subject\",\"required\":false},{\"type\":\"textarea\",\"name\":\"message\",\"label\":\"Message\",\"required\":true}]"},"children":[]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:3.contact.md","_source":"content","_file":"3.contact.md","_extension":"md"}] \ No newline at end of file diff --git a/api/_content/query/uKKiplvl6D.1696437347555.json b/api/_content/query/uKKiplvl6D.1696437678608.json similarity index 100% rename from api/_content/query/uKKiplvl6D.1696437347555.json rename to api/_content/query/uKKiplvl6D.1696437678608.json diff --git a/api/_content/query/wsZXxsmhjo.1696437347555.json b/api/_content/query/wsZXxsmhjo.1696437678608.json similarity index 100% rename from api/_content/query/wsZXxsmhjo.1696437347555.json rename to api/_content/query/wsZXxsmhjo.1696437678608.json diff --git a/api/_content/query/xqxfi554jX.1696437347555.json b/api/_content/query/xqxfi554jX.1696437678608.json similarity index 100% rename from api/_content/query/xqxfi554jX.1696437347555.json rename to api/_content/query/xqxfi554jX.1696437678608.json diff --git a/articles/configure/index.html b/articles/configure/index.html index 04c4d051..fd9641d7 100644 --- a/articles/configure/index.html +++ b/articles/configure/index.html @@ -50,9 +50,9 @@ - -
Back

Configure Alpine

Configure Alpine

To configure meta tags, social links or even the Alpine theme display, update the alpine key in the app.config.ts at the root of your project:

app.config.ts
export default defineAppConfig({
+
 Back 
Configure Alpine
Configure Alpine
To configure meta tags, social links or even the Alpine theme display, update the alpine key in the app.config.ts at the root of your project:
app.config.ts
export default defineAppConfig({
   alpine: {
     /* Alpine configuration goes here */
   }
@@ -110,6 +110,6 @@
       icon: 'material-symbols:arrow-upward'
     }
   }
-})
Back to top 

-
+})
Back to top
+ \ No newline at end of file diff --git a/articles/design-tokens/index.html b/articles/design-tokens/index.html index 8679deb9..6e19067b 100644 --- a/articles/design-tokens/index.html +++ b/articles/design-tokens/index.html @@ -50,9 +50,9 @@ - -
Back

Customize Alpine

Customize Alpine

Leverage the tokens.config.ts to give your identity to Alpine.

Look at the default tokens config to check all the Alpine related Design Tokens.

Alpine is also powered by @nuxt-themes/tokens, see the package tokens.config.ts.

You can configure all the theme tokens to change the apperance of Alpine by creating a tokens.config.ts in your project:

import { defineTheme } from 'pinceau'
+
 Back 
Customize Alpine
Customize Alpine
Leverage the tokens.config.ts to give your identity to Alpine.
Look at the default tokens config to check all the Alpine related Design Tokens.
Alpine is also powered by @nuxt-themes/tokens, see the package tokens.config.ts.
You can configure all the theme tokens to change the apperance of Alpine by creating a tokens.config.ts in your project:
import { defineTheme } from 'pinceau'
 export default defineTheme({
   alpine: {
     body: {
@@ -63,6 +63,6 @@
       }
     }
   }
-})
If you are using Nuxt Studio, you can use an UI to update the token.config.ts of your Alpine project:
design-tokens-studio.png
Back to top 

-
+})

If you are using Nuxt Studio, you can use an UI to update the token.config.ts of your Alpine project:

design-tokens-studio.png

Back to top
+ \ No newline at end of file diff --git a/articles/get-started/index.html b/articles/get-started/index.html index e4c141e0..89fee8a1 100644 --- a/articles/get-started/index.html +++ b/articles/get-started/index.html @@ -58,8 +58,8 @@ - -
Back

Get started with Alpine

Get started with Alpine

Creating a blog with Alpine is a command away, as well as deploying to many platforms.

Create a blog

Open a terminal an run the following command:

npx nuxi@latest init -t themes/alpine

Dependencies

Next, go to to my-blog/ directory and install the dependencies:

npm install

Development

Start the development server on port 3000:

npm run dev

Next, you can start creating your content in Markdown in the content/ directory.

Deploy

Static hosting

You can deploy Alpine to any static hosting by running the following command:

npm run generate

This command will create a dist/ directory with the compiled files ready to be uploaded to any static hosting.

Edge platforms

Alpine supports deploying to the following platforms with zero configuration:

Node server

You can deploy Alpine to a Node server by running the following command:

npm run build

This command will create a .output/ directory with the compiled files ready to be uploaded to any Node server.

To start the production server, run the following command:

node .output/server/index.mjs
Back to top
- +
Back

Get started with Alpine

Get started with Alpine

Creating a blog with Alpine is a command away, as well as deploying to many platforms.

Create a blog

Open a terminal an run the following command:

npx nuxi@latest init -t themes/alpine

Dependencies

Next, go to to my-blog/ directory and install the dependencies:

npm install

Development

Start the development server on port 3000:

npm run dev

Next, you can start creating your content in Markdown in the content/ directory.

Deploy

Static hosting

You can deploy Alpine to any static hosting by running the following command:

npm run generate

This command will create a dist/ directory with the compiled files ready to be uploaded to any static hosting.

Edge platforms

Alpine supports deploying to the following platforms with zero configuration:

Node server

You can deploy Alpine to a Node server by running the following command:

npm run build

This command will create a .output/ directory with the compiled files ready to be uploaded to any Node server.

To start the production server, run the following command:

node .output/server/index.mjs
Back to top
+ \ No newline at end of file diff --git a/articles/index.html b/articles/index.html index 565198d2..89665837 100644 --- a/articles/index.html +++ b/articles/index.html @@ -44,8 +44,8 @@ - -
Get started with Alpine

Get started with Alpine

Creating a blog with Alpine is a command away, as well as deploying to many platforms.

Configure Alpine

Configure Alpine

Learn how to configure Alpine with the app.config.ts file.

Write Articles

Write Articles

Writing Markdown articles in Alpine is straightforward.

Customize Alpine

Customize Alpine

Leverage the tokens.config.ts to give your identity to Alpine.

- +
Get started with Alpine

Get started with Alpine

Creating a blog with Alpine is a command away, as well as deploying to many platforms.

Configure Alpine

Configure Alpine

Learn how to configure Alpine with the app.config.ts file.

Write Articles

Write Articles

Writing Markdown articles in Alpine is straightforward.

Customize Alpine

Customize Alpine

Leverage the tokens.config.ts to give your identity to Alpine.

+ \ No newline at end of file diff --git a/articles/write-articles/index.html b/articles/write-articles/index.html index 87aa5950..65919f3c 100644 --- a/articles/write-articles/index.html +++ b/articles/write-articles/index.html @@ -50,9 +50,9 @@ - -
Back

Write Articles

Write Articles

Write Markdown articles in Alpine is straightforward.

Create an articles list

Create a new file in the content/ directory:

touch content/2.articles.md

The numbered prefix determines the order of the menu items.

In this file, use the articles-list component to display the list of articles:

2.articles.md
---
+
 Back 
Write Articles
Write Articles
Write Markdown articles in Alpine is straightforward.
Create an articles list
Create a new file in the content/ directory:
touch content/2.articles.md
The numbered prefix determines the order of the menu items.
In this file, use the articles-list component to display the list of articles:
2.articles.md
---
 title: 'Articles'
 layout: 'page'
 ---
@@ -82,6 +82,6 @@
   bg: 'rgba(0, 0, 0, 0.3)',
   content: 'Technology'
 }]
----
Read more
Alpine is a Nuxt theme using the Content module in documentDriven mode.
👉 Learn more in the Nuxt Content documentation.
Back to top 

-
+---

Read more

Alpine is a Nuxt theme using the Content module in documentDriven mode.

👉 Learn more in the Nuxt Content documentation.

Back to top
+ \ No newline at end of file diff --git a/contact/index.html b/contact/index.html index b7c6a6ea..107bbcb4 100644 --- a/contact/index.html +++ b/contact/index.html @@ -46,8 +46,8 @@ - -

Get in touch

- +

Get in touch

+ \ No newline at end of file diff --git a/index.html b/index.html index 4657d7f5..212aba73 100644 --- a/index.html +++ b/index.html @@ -52,8 +52,8 @@ - -
Hi, I am Alpine.
Hero Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim.

Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

- +
Hi, I am Alpine...
Hero Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim.

Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

+ \ No newline at end of file