From a8327ee18bc2f747878e65a7a71a9c5d3f3d48aa Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Sun, 11 Sep 2022 22:22:44 +0200
Subject: [PATCH 1/3] docs: update Icon code example to code group

---
 docs/content/3.features.md | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/docs/content/3.features.md b/docs/content/3.features.md
index 0575ffbf..43f261e0 100644
--- a/docs/content/3.features.md
+++ b/docs/content/3.features.md
@@ -87,11 +87,18 @@ Currently component doesn't support grouped and chained animations. For that usa
 
 ## Icons
 
-Icons are auto-imported from `ionicons/icons` by default, following the pattern of camel case naming with `ionicons` in front of the original icon name from the [official icons website](https://ionic.io/ionicons).
+Icons are auto-imported from `ionicons/icons` by default, following the pattern of camel case naming with `ionicons` in front of the original icon name, that you can find on the [official ionicons website](https://ionic.io/ionicons).
 
-For example, instead of this:
+::code-group
+
+```vue [Auto-imported icons]
+<template>
+  <ion-icon :icon="ioniconsImage"></ion-icon>
+  <ion-icon :md="ioniconsSquareSharp" :ios="ioniconsTriangleOutline"></ion-icon>
+</template>
+```
 
-```vue [component.vue]
+```vue [Manual imports]
 <script setup lang="ts">
 import { image, squareSharp, triangleOutline } from 'ionicons/icons'
 </script>
@@ -102,14 +109,7 @@ import { image, squareSharp, triangleOutline } from 'ionicons/icons'
 </template>
 ```
 
-You would write this:
-
-```vue [component.vue]
-<template>
-  <ion-icon :icon="ioniconsImage"></ion-icon>
-  <ion-icon :md="ioniconsSquareSharp" :ios="ioniconsTriangleOutline"></ion-icon>
-</template>
-```
+::
 
 You can opt-out of auto-importing by setting `integrations.icons` module options in your `nuxt.config.ts` to `false`.
 

From f0ba9fb83bfe7fcd76383ca74c5df646a4a663e3 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Mon, 12 Sep 2022 10:21:26 +0200
Subject: [PATCH 2/3] ci: add step to set up playwright

---
 .github/workflows/ci.yml | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ba4585bb..6f342348 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -18,7 +18,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 16
-          cache: "pnpm"
+          cache: 'pnpm'
 
       - name: 📦 Install dependencies
         run: pnpm install --frozen-lockfile
@@ -38,7 +38,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 16
-          cache: "pnpm"
+          cache: 'pnpm'
 
       - name: 📦 Install dependencies
         run: pnpm install --frozen-lockfile
@@ -46,6 +46,9 @@ jobs:
       - name: 🚧 Set up project
         run: pnpm dev:prepare
 
+      - name: Set up playwright
+        run: pnpm playwright install
+
       - name: 🧪 Test project
         run: pnpm test -- --coverage
 

From 58b497a8c936255d5f8eb48843476e373cba36db Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Mon, 12 Sep 2022 10:26:11 +0200
Subject: [PATCH 3/3] style: add playwright icon to ci.yml

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 6f342348..c5a8e35c 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -46,7 +46,7 @@ jobs:
       - name: 🚧 Set up project
         run: pnpm dev:prepare
 
-      - name: Set up playwright
+      - name: 🎭 Set up playwright
         run: pnpm playwright install
 
       - name: 🧪 Test project