Guppy in .vue

[kubaPod]

Hi, I am trying to integrate guppy in a quasar-js/vue project. My test component looks like this:

<template>
  <div>           
    <div id="guppy1" style="width:400px;"/>
  </div>
</template>

<script>

import Guppy from 'guppy-js/guppy.min.js'
export default {
    created () {   
        var g1 = new Guppy('guppy1')
    },
}
</script>

<style></style>

But I am getting an error:

vue.runtime.esm.js?5593:619 [Vue warn]: Error in created hook: "TypeError: Cannot set property 'tabIndex' of null"

found in

---> <Guppy> at src/components/Guppy.vue
       [...]
 

Which is most likely caused in

byt the fact that document is not available. What would be a proper way to handle this?

[kubaPod]

Ok, stupid mistake. One needs to use mounted to make sure document is available.

Still does not work though, it is inactive:

<div id="guppy1" tabindex="0" class=" guppy_inactive " style="width: 400px;"></div>

[kubaPod]

Also, this /node_modules/guppy-js/style/guppy-default.min.css does not exist, namely the style dir does not exist.
It does not complain but it does not load anything either.
Once style/ is removed the frame is loaded but icons loaded by .js file are not found.

So many things are off that I am not sure what to do. Any tips?