No 'data-theme' attribute being set.

Perhaps this is more a tippy-specific issue (rather than vue-tippy), but a majority of the CSS seems to key off a data-theme attribute being set. However no data-theme attribute appears to be getting set regardless of what theme is chosen. Currently using:

"tippy.js": "^6.2.3",
"vue-tippy": "^4.4.0"

[kovetskiy]

@KABBOUCHI I haven’t installed any other versions of tippy.js, I have only vue-tippy and this would not work:

import "tippy.js/themes/light.css";

for a very simple reason — tippy.js doesn’t exist in node_modules/ directory of my project, it exists in vue-tippy/node_modules/tippy.js/themes/light.css.

Please correct me if I’m wrong.

[magistr4815]

@KABBOUCHI Hello! If you import styles as you say, then it will not work. I have installed on the project both tippy (used for old parts of the system without vue.js) and vue-tippy (used for new parts). And I faced the same problem. If you import as written in your documentation, it won’t work.

// Add additional themes.
import "tippy.js/themes/light.css";
import "tippy.js/themes/light-border.css";
import "tippy.js/themes/google.css";
import "tippy.js/themes/translucent.css";

You need to tweak the documentation.

@kovetskiy - you’re right! That’s right like that.

@import '~vue-tippy/node_modules/tippy.js/themes/light.css';