diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ba4585bb..c5a8e35c 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
 
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`.