From d48f6a19139eaa93f5e1c283e773465f2d97d088 Mon Sep 17 00:00:00 2001
From: Leonardo Matos <leomp120894@gmail.com>
Date: Mon, 30 Jan 2023 14:20:11 -0300
Subject: [PATCH] Updating `hovered`, `focused` and `tapped` examples [#63]

https://stackblitz.com/edit/vue-eeacxc?file=src%2FApp.vue
https://github.com/vueuse/motion/issues/63#issuecomment-1409009281
---
 docs/variants.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/docs/variants.md b/docs/variants.md
index 4107277d..5793a118 100644
--- a/docs/variants.md
+++ b/docs/variants.md
@@ -165,6 +165,9 @@ A regular hover event listener, it will not work on mobile devices.
   :initial="{
     scale: 1,
   }"
+  :visible="{
+    scale: 1,
+  }"
   :hovered="{
     scale: 1.2,
   }"
@@ -183,6 +186,9 @@ A regular focus event listener.
   :initial="{
     scale: 1,
   }"
+  :visible="{
+    scale: 1,
+  }"
   :focused="{
     scale: 1.1,
   }"
@@ -203,6 +209,9 @@ It will switch between them depending on the user supported pointer events.
   :initial="{
     scale: 1,
   }"
+  :hovered="{
+    scale: 1,
+  }"
   :tapped="{
     scale: 0.8,
   }"