Hooper images not show when bind with vue

[Olti-B]

**Hooper images not show when bind with vue **
I am using hooper with vue
like in this example

   <hooper :key="hopper_key" :progress="true" :infiniteScroll="true">
        <slide>
          <img :src="detail_data.poi_simg_src" alt>
        </slide>
        <hooper-progress slot="hooper-addons"></hooper-progress>
      </hooper>

And when i run it shows shows nothing
The hooper html produced is

*** Environment tested ***
Chrome v.75

[ismail9k]

Can you provide us with a working example, so we can debug your issue?

[Olti-B]

Hej @abdelrahman3d i created a sand box
https://codesandbox.io/s/vue-template-kvrlp?fontsize=14

[ismail9k]

Thanks, @Olti-B, at first glance I noticed that you forgot to include Hooper's stylesheet. A quick fix for this is to import the CSS file at the first of your file import 'hooper/dist/hooper.css';.
This seemed to be a common issue, form our side we will emphasize it more in the docs, or maybe include the styles with the JavaScript file.