chore(docs): cleanup docs from my old childish bold bad habit

Author: Tahul

README.md

@@ -6,8 +6,8 @@
 
 Vue Composables putting your components in motion
 
-- 🏎 **Smooth animations** based on [**Popmotion**](https://popmotion.io/)
-- 🎮 **Declarative** API inspired by [**Framer Motion**](https://www.framer.com/motion/)
+- 🏎 **Smooth animations** based on [Popmotion](https://popmotion.io/)
+- 🎮 **Declarative** API inspired by [Framer Motion](https://www.framer.com/motion/)
 - 🚀 **Plug** & **play** with **20+ presets**
 - 🌐 **SSR Ready**
 - 🚚 First-class support for **Nuxt 3**

docs/content/1.getting-started/1.introduction.md

@@ -6,9 +6,9 @@ description: "Let's get started with `@vueuse/motion`."
 ::person
 ::
 
-[**CodeSandbox**](https://codesandbox.io/s/vueusemotion-me1jn?file=/src/components/Person.vue) for this example.
+[CodeSandbox](https://codesandbox.io/s/vueusemotion-me1jn?file=/src/components/Person.vue) for this example.
 
-Illustration from [**Pebble People**](https://blush.design/fr/collections/pebble-people) by [**Deivid Saenz**](https://blush.design/fr/artists/deivid-saenz).
+Illustration from [Pebble People](https://blush.design/fr/collections/pebble-people) by [Deivid Saenz](https://blush.design/fr/artists/deivid-saenz).
 
 ```bash
 yarn add @vueuse/motion
@@ -48,12 +48,12 @@ export default {
 
 ## Usage
 
-- How to use **directives**? Check out [**Directive Usage**](/features/directive-usage).
+- How to use directives? Check out [Directive Usage](/features/directive-usage).
 
-- What **properties** you can **animate**? Check out [**Motion Properties**](/features/motion-properties).
+- What properties you can animate? Check out [Motion Properties](/features/motion-properties).
 
-- How to **create** your own **animations** styles? Check out [**Transition Properties**](/features/transition-properties).
+- How to create your own animations styles? Check out [Transition Properties](/features/transition-properties).
 
-- What are **variants** and how you can **use** them? Check out [**Variants**](/features/variants).
+- What are variants and how you can use them? Check out [Variants](/features/variants).
 
-- How to **control** your declared **variants**? Check out [**Motion Instance**](/features/motion-instance).
+- How to control your declared variants? Check out [Motion Instance](/features/motion-instance).

docs/content/1.getting-started/2.nuxt.md

@@ -1,6 +1,6 @@
 # Nuxt Usage
 
-If you are using [**Nuxt**](https://nuxtjs.org/), this package has a specific implementation that makes the declaration of custom directives even easier.
+If you are using [Nuxt](https://nuxtjs.org/), this package has a specific implementation that makes the declaration of custom directives even easier.
 
 It is shipped with `@vueuse/motion` and is importable via `@vueuse/motion/nuxt`.
 

docs/content/2.features/0.presets.md

@@ -6,8 +6,8 @@ toc: false
 
 It allows you to start implementing animations straight after installing the plugin in your Vue app.
 
-You can add your own presets to your app using [**Custom Directives**](/features/directive-usage#custom-directives).
+You can add your own presets to your app using [Custom Directives](/features/directive-usage#custom-directives).
 
-If you have any ideas for new presets add an issue on [**GitHub**](https://github.com/vueuse/motion#issues), or reach me on [**Twitter**](https://twitter.com/yaeeelglx).
+If you have any ideas for new presets add an issue on [GitHub](https://github.com/vueuse/motion#issues), or reach me on [Twitter](https://twitter.com/yaeeelglx).
 
 <PresetsViewer />

docs/content/2.features/1.directive-usage.md

@@ -28,13 +28,13 @@ You can also pass your variants as an object using the `:variants` prop.
 
 The `:variants` prop will be combined with all the other native variants properties, allowing you to define only your custom variants from this object.
 
-The rest of the variants properties can be found on the [**Variants**](/features/variants) page.
+The rest of the variants properties can be found on the [Variants](/features/variants) page.
 
 As a shorthand, you can use the `:delay` prop, that allows you to edit the delay from the element props.
 
 If you specified `visible`, `visible-once` or `enter` variant, the delay will be applied to each of them.
 
-Otherwise, the delay will be applied on the `initial` [**variant**](/features/variants).
+Otherwise, the delay will be applied on the `initial` [variant](/features/variants).
 
 ```vue
 <template>
@@ -55,7 +55,7 @@ Otherwise, the delay will be applied on the `initial` [**variant**](/features/va
 
 When defined from template, the target element might not be assigned to a ref.
 
-You can access motions controls using [**useMotions**](/api/use-motions).
+You can access motions controls using [useMotions](/api/use-motions).
 
 If you want to access a v-motion, you will have to give the element a name as v-motion value.
 
@@ -84,7 +84,7 @@ const customEvent = () => {
 </script>
 ```
 
-In the above example, the custom object will be an instance of [**Motion Instance**](/features/motion-instance).
+In the above example, the custom object will be an instance of [Motion Instance](/features/motion-instance).
 
 ### Custom Directives
 

docs/content/2.features/2.composable-usage.md

@@ -16,7 +16,7 @@ The target can be HTML or SVG elements, or references to these types.
 
 The second parameter are the `variants`.
 
-The [**Variants Definitions**](/features/variants) are described in a specific page.
+The [Variants Definitions](/features/variants) are described in a specific page.
 
 ```vue
 <script setup>
@@ -37,6 +37,6 @@ const motionInstance = useMotion(target, {
 </script>
 ```
 
-Once called, the useMotion composable will return an instance of [**Motion Instance**](/features/motion-instance).
+Once called, the useMotion composable will return an instance of [Motion Instance](/features/motion-instance).
 
 By using this motion instance members, you will be able to animate the element with ease.

docs/content/2.features/3.motion-properties.md

@@ -2,9 +2,9 @@
 
 Motion properties are represented by an object containing all the animatable properties of an element.
 
-They are one of the two parts that compose a [**Variant**](/features/variants), with [**Transitions Declaration**](/features/transition-properties).
+They are one of the two parts that compose a [Variant](/features/variants), with [Transitions Declaration](/features/transition-properties).
 
-This object contains both **style** and **transform** properties.
+This object contains both style and transform properties.
 
 Note that when interacting with both style and transform properties, you are not forced to specify units and can instead just use numbers.
 
@@ -26,9 +26,9 @@ Style properties are used to decompose a regular `style` CSS string into individ
 
 The typings are the same as the regular `style` property from Vue templates.
 
-All the regular [**CSS Style**](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) properties are supported.
+All the regular [CSS Style](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) properties are supported.
 
-Some keys are **forbidden** (`transition`, `rotate`, `scale`...) as they are now reserved for [**Transform Properties**](#transform-properties).
+Some keys are **forbidden** (`transition`, `rotate`, `scale`...) as they are now reserved for [Transform Properties](#transform-properties).
 
 ```javascript
 {
@@ -43,7 +43,7 @@ Some keys are **forbidden** (`transition`, `rotate`, `scale`...) as they are now
 
 Transform properties are used to decompose a regular `transform` CSS string into individual object keys.
 
-All the regular [**CSS Transform**](https://developer.mozilla.org/en-US/docs/Web/CSS/transform#syntax) syntax arguments are supported.
+All the regular [CSS Transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform#syntax) syntax arguments are supported.
 
 As an addition, you can use `x`, `y`, `z` properties, that will be converted into `translateX`, `translateY` and `translateZ`.
 

docs/content/2.features/4.transition-properties.md

@@ -2,7 +2,7 @@
 
 Transition properties are represented by an object containing all transition parameters of a variant.
 
-They are one of the two parts that compose a [**Variant**](/features/variants), with [**Motion Properties**](/features/motion-properties).
+They are one of the two parts that compose a [Variant](/features/variants), with [Motion Properties](/features/motion-properties).
 
 ## Orchestration
 
@@ -29,7 +29,7 @@ You can specify a delay which will be added every time the transition is pushed.
 
 ### Repeat
 
-The native [**Popmotion Repeat**](https://popmotion.io/#quick-start-animation-animate-options-repeat) feature is supported.
+The native [Popmotion Repeat](https://popmotion.io/#quick-start-animation-animate-options-repeat) feature is supported.
 
 Three parameters are available:
 
@@ -61,7 +61,7 @@ Three parameters are available:
 
 Two types of animations are supported.
 
-For the most [**Common Animatable Properties**](https://github.com/vueuse/motion/blob/main/src/utils/defaults.ts#L43), it will uses generated spring transitions.
+For the most [Common Animatable Properties](https://github.com/vueuse/motion/blob/main/src/utils/defaults.ts#L43), it will uses generated spring transitions.
 
 The rest of the properties might be using keyframes.
 

docs/content/2.features/5.variants.md

@@ -2,7 +2,7 @@
 
 Variants represent an animatable state for your element.
 
-They are composed of any [**Motion Properties**](/features/motion-properties) and an optional [**Transition Properties**](/features/transition-properties).
+They are composed of any [Motion Properties](/features/motion-properties) and an optional [Transition Properties](/features/transition-properties).
 
 ```vue
 <div
@@ -51,7 +51,7 @@ It is recommended to include a base state for each parameter that you are willin
 
 The enter variant will be applied on the second tick of the element, right after its creation.
 
-You can use it to trigger an animation when the element appears, transitioning from [**Initial**](#initial-variant) variant.
+You can use it to trigger an animation when the element appears, transitioning from [Initial](#initial-variant) variant.
 
 ```vue
 <div
@@ -91,19 +91,19 @@ The leave variant helps to define the state of an element when it is supposed to
 />
 ```
 
-In order to achieve a leave transition, you will have to access the [**Motion Instance**](/features/motion-instance).
+In order to achieve a leave transition, you will have to access the [Motion Instance](/features/motion-instance).
 
 This instance exposes an helper called `leave` than can easily be mapped with the Vue transition element @leave event.
 
-You can take a look at an example of implementation on the [**Demo**](https://vueuse-motion-demo.netlify.app) page, at the "**Transitions**" section.
+You can take a look at an example of implementation on the [Demo](https://vueuse-motion-demo.netlify.app) page, at the "**Transitions**" section.
 
 ## Visibility Variants
 
 ### Visible
 
 The visible variant will be applied when the element enters the viewport.
 
-When the element leaves, the [**Initial**](#initial-variant) variant will be applied again.
+When the element leaves, the [Initial](#initial-variant) variant will be applied again.
 
 ```vue
 <div

docs/content/2.features/6.motion-instance.md

@@ -1,6 +1,6 @@
 # Motion Instance
 
-Motion instance is the object exposed when binding to a target element using [**v-motion**](/features/directive-usage) or [**useMotion**](/features/composable-usage).
+Motion instance is the object exposed when binding to a target element using [v-motion](/features/directive-usage) or [useMotion](/features/composable-usage).
 
 It is composed of three properties, allowing you to interact with the element.
 
@@ -51,7 +51,7 @@ This is useful when used with event listeners, or any temporary modification to
 
 This is also useful for orchestration, as apply returns a promise, you can await it and chain variant applying.
 
-Apply accepts both a [**Variant Declaration**](/features/variants) or a key from the motion instance variants.
+Apply accepts both a [Variant Declaration](/features/variants) or a key from the motion instance variants.
 
 ```vue
 <script setup lang="ts">
@@ -94,7 +94,7 @@ Stop is a function that lets you stop ongoing animations for a specific element.
 
 Calling it without argument will be stopping all the animations.
 
-Calling it with an array of [**Motion Properties**](/features/motion-properties) keys will stop every specified key.
+Calling it with an array of [Motion Properties](/features/motion-properties) keys will stop every specified key.
 
 Calling it with a single motion property key will stop the specified key.
 

docs/content/3.api/1.use-motion.md

@@ -1,18 +1,18 @@
 # useMotion
 
-useMotion is the **core** composable of this **package**.
+useMotion is the core composable of this package.
 
-This composable **imports** every other **composable** and **expose** a **motion instance**.
+This composable imports every other composable and expose a motion instance.
 
-[**useMotionProperties**](/api/use-motion-properties) is used to make the **element** styling properties **reactive**.
+[useMotionProperties](/api/use-motion-properties) is used to make the element styling properties reactive.
 
-[**useMotionTransitions**](/api/use-motion-transitions) is used to manage **transitions** scheduling and **execution**.
+[useMotionTransitions](/api/use-motion-transitions) is used to manage transitions scheduling and execution.
 
-[**useMotionVariants**](/api/use-motion-variants) is used to handle **variants** and variant **selection**.
+[useMotionVariants](/api/use-motion-variants) is used to handle variants and variant selection.
 
-[**useMotionControls**](/api/use-motion-controls) is used to create motion **controls** from variants, properties and transitions.
+[useMotionControls](/api/use-motion-controls) is used to create motion controls from variants, properties and transitions.
 
-[**useMotionFeatures**](/api/use-motion-features) is used to register **lifecycle** hooks bindings, **visibility** and **events** listeners.
+[useMotionFeatures](/api/use-motion-features) is used to register lifecycle hooks bindings, visibility and events listeners.
 
 ## Parameters
 
@@ -26,7 +26,7 @@ If the target reference is updated, the current variant will be applied to the n
 
 **Variants** must be an object or an object reference.
 
-Keys are variants names, values are [**Variants Declarations**](/features/variants).
+Keys are variants names, values are [Variants Declarations](/features/variants).
 
 ### `options`
 
@@ -47,7 +47,7 @@ Target is a reference to the element you passed as a parameter.
 
 ### `variant`
 
-Variant is a string reference, from [**useMotionVariants**](/api/use-motion-variants).
+Variant is a string reference, from [useMotionVariants](/api/use-motion-variants).
 
 ### `variants`
 
@@ -59,7 +59,7 @@ State is a computed reference to the current variant applied to your element.
 
 ### `...controls`
 
-Spread object from [**Motion Controls**](/api/use-motion-controls) exposed functions.
+Spread object from [Motion Controls](/api/use-motion-controls) exposed functions.
 
 ## Example
 

docs/content/3.api/10.use-element-transform.md

@@ -2,7 +2,7 @@
 
 useElementTransform is used to sync a reactive object to a target element CSS transform.
 
-It uses [**reactiveTransform**](https://github.com/vueuse/motion/blob/main/src/reactiveTransform.ts) and binds it to a target.
+It uses [reactiveTransform](https://github.com/vueuse/motion/blob/main/src/reactiveTransform.ts) and binds it to a target.
 
 ## Parameters
 
@@ -16,7 +16,7 @@ If the target reference is updated, the current transform will be updated from t
 
 ### `transform`
 
-Transform is the current `target` [**Transform Properties**](/features/motion-properties#transform-properties) as a reactive object.
+Transform is the current `target` [Transform Properties](/features/motion-properties#transform-properties) as a reactive object.
 
 When you change a value, it will update the element transform property accordingly.
 

docs/content/3.api/11.reactive-style.md

@@ -6,17 +6,17 @@ 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/Tahul/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/Tahul/vueuse/motion/tree/main/src/types/variants.ts#L49-L50) object to manipulate.
 
 ### `style`
 
-A reactive [**style attribute**](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/style) compatible string.
+A reactive [style attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/style) compatible string.
 
 #### Example
 

docs/content/3.api/12.reactive-transform.md

@@ -6,17 +6,17 @@ reactiveTransform is an helper function creating a reactive object compatible wi
 
 ### `props`
 
-Default [**TransformProperties**](https://github.com/vueuse/motion/tree/main/src/types/variants.ts#L21) object to create the reactive one from.
+Default [TransformProperties](https://github.com/vueuse/motion/tree/main/src/types/variants.ts#L21) object to create the reactive one from.
 
 ## Exposed
 
 ### `state`
 
-The reactive [**TransformProperties**](https://github.com/vueuse/motion/tree/main/src/types/variants.ts#L21) object to manipulate.
+The reactive [TransformProperties](https://github.com/vueuse/motion/tree/main/src/types/variants.ts#L21) object to manipulate.
 
 ### `style`
 
-A reactive [**transform attribute**](https://developer.mozilla.org/en-US/docs/Web/CSS/transform) compatible string.
+A reactive [transform attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/transform) compatible string.
 
 #### Example
 

docs/content/3.api/2.use-spring.md

@@ -1,12 +1,12 @@
 # useSpring
 
-useSpring is a simpler hook than [**useMotion**](/api/use-motion).
+useSpring is a simpler hook than [useMotion](/api/use-motion).
 
 It has been implemented in order for you to implement Spring animations in your apps, without the pain.
 
 useSpring can be bound to a HTML or SVG element, or to a simple object.
 
-It skips the [**Variants**](/features/variants) system, allowing it to be as performant as using Popmotion natively, but with a nicer **API** to play with Vue refs.
+It skips the [Variants](/features/variants) system, allowing it to be as performant as using Popmotion natively, but with a nicer **API** to play with Vue refs.
 
 ## Parameters
 
@@ -16,7 +16,7 @@ Target can be an element (**SVG** / **HTML**), or an object.
 
 ### `spring`
 
-The spring argument takes a [**Spring definition**](https://popmotion.io/#quick-start-animation-animate-spring-options) from **Popmotion**.
+The spring argument takes a [Spring definition](https://popmotion.io/#quick-start-animation-animate-spring-options) from **Popmotion**.
 
 It is optional as a default Spring will be applied if you do not specify it.
 

docs/content/3.api/3.use-motions.md

@@ -12,7 +12,7 @@ Be careful about duplicating the same name, note that the name can be including
 
 useMotions exposes an object in which keys are defined from all the **v-motion** for which you defined a name value.
 
-Each values are [**Motion Instances**](/features/motion-instance) for the named elements.
+Each values are [Motion Instances](/features/motion-instance) for the named elements.
 
 ## Example