diff --git a/docs/content/3.features.md b/docs/content/3.features.md
index fadc6c33..ea7421a5 100644
--- a/docs/content/3.features.md
+++ b/docs/content/3.features.md
@@ -24,17 +24,70 @@ definePageMeta({
::
-## Components
+## Ionic Framework components
-All Ionic Vue components should be auto-imported throughout your app. (If you find one that isn't, please open an issue.) Although your IDE should be aware of these everywhere, they are not globally registered and are only imported within the components that use them.
+All Ionic Vue components should be auto-imported throughout your app. (If you find one that isn't, please open an issue.) Although your IDE should be aware of these everywhere, they are not globally registered and are only imported within the components that use them. For more on how component imports work, see the [Nuxt documentation](https://v3.nuxtjs.org/guide/directory-structure/components#components-directory).
-For more on how component imports work, see the [Nuxt documentation](https://v3.nuxtjs.org/guide/directory-structure/components#components-directory).
+## Module utility components
+
+Module also offers few components made for easier and more seamless way to integrate Ionic's composables or functions into your Nuxt app.
+
+### `IonAnimation` component
+
+Component made specifically to make usage of Ionic's `createAnimation` easier. It has almost 1 to 1 props matching as your usual animation object. For more see [official Ionic docs](https://ionicframework.com/docs/utilities/animations) or check out [playground examples](https://github.com/danielroe/nuxt-ionic/blob/main/playground/pages/tabs/tab4.vue)
+
+Instead of using the function manually:
+
+```vue
+
+```
+
+You can delegate all that logic to the component:
+
+```vue
+
+
+
+
+
+```
+
+::alert{type=info}
+Currently component doesn't support grouped and chained animations. For that usage we still recommend using `createAnimation` by itself
+::
## 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).
-For example, instead of this
+For example, instead of this:
```vue [component.vue]
+
+
+
+
diff --git a/src/runtime/router.ts b/src/runtime/router.ts
index 37237c0d..7a4da026 100644
--- a/src/runtime/router.ts
+++ b/src/runtime/router.ts
@@ -4,7 +4,7 @@ import { defineNuxtPlugin, useRuntimeConfig } from '#imports'
// @ts-expect-error virtual module
import routerOptions from '#build/router.options'
-// @ts-expect-error irtual module generated by Nuxt
+// @ts-expect-error virtual module generated by Nuxt
import routes from '#build/routes'
export default defineNuxtPlugin(nuxtApp => {