Estoy usando Vue v3.2.20 con Varlet UI v1.25.0 y Bootstrap 5 en mi proyecto. Hasta ahora todo funcionó bien, pero no puedo hacer que el efecto dominó funcione en ninguna parte, ni siquiera en los botones. No recibo ningún error o advertencia en la consola. Una simple declaración de botón como esta:
<var-button type="primary">Add</var-button> muestra un botón predeterminado sin el efecto dominó. Importé el marco en main.js así:
import { createApp } from 'vue' import App from './App.vue' import router from './router' import Varlet from '@varlet/ui' import '@varlet/ui/es/style.js' createApp(App).use(router).use(Varlet).mount('#app')Además, traté de agregar el efecto dominó manualmente en un div según esta documentación , pero aún no tuve suerte.
Parecía que la interfaz de usuario de Varlet funcionaba de manera diferente en entornos móviles y de escritorio, por lo que todo lo que tenía que hacer para que el efecto dominó funcionara en el escritorio era instalar el emulador táctil:
npm i @varlet/touch-emulatorsegún la guía