diff --git a/docs/content/1.getting-started/1.introduction.md b/docs/content/1.getting-started/1.introduction.md
index 4bca1f42..d7bfd77e 100644
--- a/docs/content/1.getting-started/1.introduction.md
+++ b/docs/content/1.getting-started/1.introduction.md
@@ -37,7 +37,7 @@ app.mount('#app')
 If you want to import the directive code only from components that uses it, import the directive and install it at component level.
 
 ```javascript
-import { directive as motion } from '@vueuse/motion'
+import { MotionDirective as motion } from '@vueuse/motion'
 
 export default {
   directives: {
diff --git a/docs/content/3.api/11.reactive-style.md b/docs/content/3.api/11.reactive-style.md
index ff680ff3..476acc2d 100644
--- a/docs/content/3.api/11.reactive-style.md
+++ b/docs/content/3.api/11.reactive-style.md
@@ -6,13 +6,13 @@ reactiveStyle is an helper function creating a reactive object compatible with a
 
 ### `props`
 
-Default [StyleProperties](https://github.com/Tahul/vueuse/motion/tree/main/src/types/variants.ts#L49-L50) object to create the reactive one from.
+Default [StyleProperties](https://github.com/vueuse/motion/tree/main/src/types/variants.ts#L49-L50) object to create the reactive one from.
 
 ## Exposed
 
 ### `state`
 
-The reactive [StyleProperties](https://github.com/Tahul/vueuse/motion/tree/main/src/types/variants.ts#L49-L50) object to manipulate.
+The reactive [StyleProperties](https://github.com/vueuse/motion/tree/main/src/types/variants.ts#L49-L50) object to manipulate.
 
 ### `style`