chore(images): use webp

Author: Tahul

.docs/content/1.index.md

@@ -5,7 +5,7 @@ description: An open source blog theme powered by Nuxt.
 title: About
 ---
 
-::hero{image="/alpine-0.png" image-alt="Alpine"}
+::hero{image="/alpine-0.webp" image-alt="Alpine"}
 #title
 Hi, I am Alpine.
 #description
@@ -21,9 +21,9 @@ Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulu
 ::gallery
 ---
 images:
-  - /alpine-1.png
-  - /alpine-1.png
-  - /alpine-2.png
-  - /alpine-0.png
+  - /alpine-1.webp
+  - /alpine-1.webp
+  - /alpine-2.webp
+  - /alpine-0.webp
 ---
 ::

.docs/content/articles/1.get-started.md

@@ -1,5 +1,5 @@
 ---
-cover: /articles/get-started.png
+cover: /articles/get-started.webp
 author:
   name: Sébastien Chopin
   avatarUrl: https://pbs.twimg.com/profile_images/1042510623962275840/1Iw_Mvud_400x400.jpg

.docs/content/articles/2.configure.md

@@ -1,5 +1,5 @@
 ---
-cover: /articles/configure-alpine.png
+cover: /articles/configure-alpine.webp
 author:
   name: Clément Ollivier
   avatarUrl: https://pbs.twimg.com/profile_images/1370286658432724996/ZMSDzzIi_400x400.jpg
@@ -34,10 +34,10 @@ export default defineAppConfig({
   alpine: {
     title: 'Alpine',
     description: 'The minimalist blog theme',
-    image: '/social-card-preview.png',
+    image: '/social-card-preview.webp',
     // image can also be an object:
     image: {
-      src: '/social-card-preview.png',
+      src: '/social-card-preview.webp',
       alt: 'An image showcasing my project.',
       width: 400,
       height: 300

.docs/content/articles/3.write-articles.md

@@ -1,5 +1,5 @@
 ---
-cover: /articles/write-articles.png
+cover: /articles/write-articles.webp
 date: 2022-08-23
 description: Writing Markdown articles in Alpine is straightforward.
 layout: article

.docs/content/articles/4.design-tokens.md

@@ -1,5 +1,5 @@
 ---
-cover: /articles/design-tokens.png
+cover: /articles/design-tokens.webp
 date: 2022-08-23
 layout: article
 ---