docs: fix StyleProperties link and introduction.md import (#242)

Author: imfenghuang

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: {

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`