Doesn't work for vue files

[manumora]

I have added the following code into vue file but it doesn't draw anything. Console is clean of errors. Thank youuu

<template>
  <div>
        <vue-word-cloud
          :words="[['romance', 19], ['horror', 3], ['fantasy', 7], ['adventure', 3]]"
          :color="([, weight]) => weight > 10 ? 'DeepPink' : weight > 5 ? 'RoyalBlue' : 'Indigo'"
          font-family="Lora"
        ></vue-word-cloud>
  </div>
</template>
<script>
import VueWordcloud from 'vuewordcloud'
export default {
  components: {
    VueWordcloud
  },
}
</script>

[SeregPie]

Hello. Can it be that there is a typo? VueWordCloud and not VueWordcloud. Because VueWordCloud gets to <vue-word-cloud> inside HTML and VueWordcloud gets to <vue-wordcloud>.

[maggiew61]

add style="position:absolute" to the vue-word-cloud component for example: <vue-word-cloud style="position:absolute"
:words="[['romance', 19], ['horror', 3], ['fantasy', 7], ['adventure', 3]]" :color="([, weight]) => weight > 10 ? 'DeepPink' : weight > 5 ? 'RoyalBlue' : 'Indigo'" font-family="Roboto"