docs: Updated Docs

Author: GlobalHive

.gitignore

@@ -27,4 +27,5 @@ dist-ssr
 
 # Vitepress
 docs/.vitepress/dist
-docs/.vitepress/cache
+docs/.vitepress/cache
+*.tgz

docs/guide/roadmap.md

@@ -4,16 +4,22 @@
 🕔 = Postponed    
 🚧 = In Progress
 
-## 2.2.0 (2024-08-13) 🚧
+
+## 2.4.0 (TBA) 🚧
+
+* **Step:** Adding `arrow️` option
+* **VTour:** Adding `showProgress` prop
+
+## 2.2.0 (2024-08-13) ✔️
 
 ### Features
 
 * **VTour:** Adding `onTourStep` event ✔️
-* **VTour:** Adding `onBeforeStep` event ❌ (Changed to `onTourStep`)
-* **VTour:** Adding `onAfterStep` event ❌ (Changed to `onTourStep`)
-* **VTour:** Adding `showProgress` prop
+* **VTour:** Adding `onBeforeStep` event ❌ (Changed to `onTourStep`) ✔️
+* **VTour:** Adding `onAfterStep` event ❌ (Changed to `onTourStep`) ✔️
+* **VTour:** Adding `showProgress` prop ❌
 * **VTour:** Adding `noScroll` prop ✔️
-* **Step:** Adding `arrow️` option
+* **Step:** Adding `arrow️` option ❌
 * **Step:** Adding `noScroll` option ✔️
 * **Step:** Adding `backdrop` option ✔️
 * **Step:** Adding `highlight` option ✔️

docs/guide/scroll-to-element.md

@@ -1,9 +1,5 @@
 # Scroll to Element
 
-::: info
-This feature will be available in version [`2.2.0`](./roadmap#_2-2-0-2024-08-13-🚧).
-:::
-
 To disable scrolling, you can use the `noScroll` prop in the `VTour` component.
 
 ```vue

docs/guide/step-highlight-target.md

@@ -1,10 +1,6 @@
 # Highlight Target Option
 The `highlight` option is used to highlight the target element <u>per step</u>. This option is useful when you want to emphasize the target element.
 
-::: info
-This feature will be available in version [`2.2.0`](./roadmap#_2-2-0-2024-08-13-🚧).
-:::
-
 ## Using the `highlight` option
 To enable the highlight effect, you can set the `highlight` option in the `Step`.
 

docs/guide/step-scroll-to-element.md

@@ -3,7 +3,7 @@
 To disable scrolling <u>per step</u>, you can use the `noScroll` option in the `Step`.
 
 ::: info
-This feature will be available in version [`2.2.0`](./roadmap#_2-2-0-2024-08-13-🚧).
+This feature will be available in version [`2.4.0`](./roadmap#_(TBA)-🚧).
 :::
 
 ```vue

docs/guide/step-using-a-backdrop.md

@@ -1,9 +1,6 @@
 # Using a Backdrop
 The `backdrop` option is a boolean that represents whether the backdrop should be displayed or not <u>per step</u>. The backdrop is a semi-transparent overlay that covers the entire screen, except for the highlighted element.
 
-::: info
-This feature will be available in version [`2.2.0`](./roadmap#_2-2-0-2024-08-13-🚧).
-:::
 
 ## Using the `backdrop` option
 To enable the backdrop, you can use the `backdrop` option in the `Step`.

docs/guide/the-onafter-event.md

@@ -1,10 +1,6 @@
 # The onAfter Event
 
-The `onAfter` event is triggered after the step is shown. This event is useful when you want to do something after the step is shown. 
-
-::: info
-This feature will be available in version [`2.2.0`](./roadmap#_2-2-0-2024-08-13-🚧).
-:::
+The `onAfter` event is triggered after the step is shown. This event is useful when you want to do something after the step is shown.
 
 ```vue
 <script setup>

docs/guide/the-onbefore-event.md

@@ -2,10 +2,6 @@
 
 The `onBefore` event is triggered before the step is shown. This event is useful when you want to do something before the step is shown. For example, you can use this event to check if the user is allowed to see the step.
 
-::: info
-This feature will be available in version [`2.2.0`](./roadmap#_2-2-0-2024-08-13-🚧).
-:::
-
 ```vue
 <script setup>
   const steps = [{