Add HoverCard

pages/index.vue

@@ -14,11 +14,12 @@ const open = ref(false), username = ref(""), price = ref(750), disabled = ref(fa
             <TextInput label="Saisir un pseudonyme" :disabled="disabled" v-model="username" />
             <NumberPicker label="Age" :disabled="disabled" />
             <Separator decorative orientation="horizontal" class="h-px w-96 my-2 bg-light-30 dark:bg-dark-30" />
-            <Tooltip message="Vas y, ajoute stp" side="top"><button @click="open = !!username && !open"
-                    class="text-3xl font-extralight tracking-wide text-light-60 dark:text-dark-60">Ajouter</button>
-            </Tooltip>
-            <Toast v-model="open" :title="`Bienvenue ${username}`" content="Vous êtes maintenant connecté"
-                :duration="5000" />
+            <HoverCard>
+                <span>Texte</span>
+                <template v-slot:content>
+                    <div>Test de HoverCard</div>
+                </template>
+            </HoverCard>
         </div>
     </div>
 </template>