Update next-tick article

maykeloo · Jan 31, 2024 · 453b3e4 · 453b3e4
1 parent 8e939c9
commit 453b3e4
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 8 deletions.
diff --git a/content/1.index.md → content/1.articles.md b/content/1.index.md → content/1.articles.md
diff --git a/content/2.articles.md b/content/2.articles.md
diff --git a/content/2.index.md b/content/2.index.md
@@ -0,0 +1,33 @@
+---
+layout: default
+head:
+  title: Alpine
+description: An open source blog theme powered by Nuxt.
+title: About
+---
+
+::hero
+---
+image: /alpine-0.webp
+---
+#title
+Hi, I am Alpine.
+
+#description
+- An [open source blog theme](https://github.com/nuxt-themes/alpine) powered by [Nuxt Content](https://content.nuxtjs.org), editable on [Nuxt Studio](https://nuxt.studio).
+- Write pages in Markdown and Vue components with the [MDC syntax](https://content.nuxtjs.org/guide/writing/mdc).
+- Use [**30+ built-in**](https://elements.nuxt.space) components in your Markdown pages.
+::
+
+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.
+
+::gallery
+---
+images:
+  - /alpine-0.webp
+  - /alpine-1.webp
+  - /alpine-2.webp
+---
+::
diff --git a/content/articles/1.next-tick.md b/content/articles/1.next-tick.md
@@ -1,13 +1,16 @@
 ---
-cover: /articles/get-started.webp
+cover: article-next-tick-poster.png
 author:
   name: Michał Sukiennik
   avatarUrl: https://pbs.twimg.com/profile_images/1042510623962275840/1Iw_Mvud_400x400.jpg
   link: https://twitter.com/atinux
 date: 2024-01-31T13:11:39.690Z
+description: Do we need nextTick? When to use it and how does it work?
 layout: article
 ---
 
+![article-next-tick-poster](article-next-tick-poster.png)
+
 # NextTick in Vue 3
 
 Changing Vue component data (_props_ or _state_) does not immediately change the DOM. Rather, Vue updates the DOM **asynchronously**. You can catch the moment when Vue updates the DOM using the `nextTick()` function.

diff --git a/public/article-next-tick-poster.png b/public/article-next-tick-poster.png