search

dnldsht / vue-insta-stories

Vue 2 & 3 library for Instagram like stories.
https://vue-insta-stories.donld.me
MIT License
73 stars 10 forks source link

Adding Story Header #5

Closed VasilijeBursac closed 3 years ago

VasilijeBursac commented 3 years ago

Hello guys,

Can you please provide more instructions for adding Story Headers?

I tried to use the code from the documentation, but it doesn't work as it does in the live demo...

Instead, I just get a view like this: chrome_glyyELyJVM And error in console: Error in render: "TypeError: header is not a function"

My code:

<template>
    <div class="pb-5 stories-container"> 
        <Stories :stories="items" class="ig-stories" >
            <template #header>
                <p>Username</p>
            </template>
        </Stories>
    </div>
</template>

I tried to add a component instead of the <p>Username</p> inside the template element, but I get the same results...

Can you, please, at least provide the code for your demo example, just so we can see how to set Story Headers to look like they do in that live demo?

Best regards! 😄

dnldsht commented 3 years ago

Hi the code of the demo is available in the folder packages/example

On Thu, Jun 3, 2021, 2:04 AM Vasilije Bursac @.***> wrote:

Hello guys,

Can you please provide more instructions for adding Story Headers?

I tried to use the code from the documentation, but it doesn't work as it does in the live demo...

Instead, I just get a view like this: [image: chrome_glyyELyJVM] https://user-images.githubusercontent.com/53561957/120566374-6734d000-c40f-11eb-9816-be39fa0c5558.png And error in console: Error in render: "TypeError: header is not a function"

My code:

I tried to add a component instead of the

inside the template tag, but I get the same results...

Can you, please, at least provide the code for your demo example, just so we can see how to set Story Headers to look like they do in that live demo?

Best regards! 😄

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/UnevenSoftware/vue-insta-stories/issues/5, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABIHGAE2ORI5CXOFUHIQXK3TQ3BKDANCNFSM457WNDAA .

VasilijeBursac commented 3 years ago

Hi the code of the demo is available in the folder packages/example

Thanks! I didn't know about that... Unfortunately, I get the same result for story headers as I have mentioned above, even if I completely copy the code from the example...

dnldsht commented 3 years ago

I think is a vue 2 compatibility issue will look into that the following days and let you know when it's fixed

On Fri, Jun 4, 2021, 9:10 AM Vasilije Bursac @.***> wrote:

Hi the code of the demo is available in the folder packages/example

Thanks! I didn't know about that... Unfortunately, I get the same result for story headers as I have mentioned above, even if I completely copy the code from the example...

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/UnevenSoftware/vue-insta-stories/issues/5#issuecomment-854421611, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABIHGABZSPJZOOQNJQN6K4TTRB34VANCNFSM457WNDAA .

VasilijeBursac commented 3 years ago

I think is a vue 2 compatibility issue will look into that the following days and let you know when it's fixed

Thank you for your effort! Keep up the great work!

dnldsht commented 3 years ago

in the 0.9.2 versione this and #6 should be fixed, let me know if I'm right

VasilijeBursac commented 3 years ago

in the 0.9.2 versione this and #6 should be fixed, let me know if I'm right

Yes! It is fixed! Thank you very much! 😄

dnldsht commented 3 years ago

If you are building something with vue-insta-stories that is publicly available on the internet, can I have the link? I would like to create a Who is using this? section in the readme

VasilijeBursac commented 3 years ago

If you are building something with vue-insta-stories that is publicly available on the internet, can I have the link? I would like to create a Who is using this? section in the readme

I would send you the link, but we are doing it as a university project, and unfortunately, I stopped using your component on this project because I need some additional features, so I made my custom component for it (It was easier for me that way). Also, I had these issues that you fixed in the last version, but at that time, I was in a hurry, so I made one that gets the job done by myself...

Of course, If I ever use this component for anything, I will send you the link, and also mention you in the project ReadMe...

Thank you for everything! Best regards! 😄

dnldsht commented 3 years ago

Thank you ❤️

On Thu, Jun 17, 2021, 11:05 PM Vasilije Bursac @.***> wrote:

If you are building something with vue-insta-stories that is publicly available on the internet, can I have the link? I would like to create a Who is using this? section in the readme

I would send you the link, but we are doing it as a university project, and unfortunately, I stopped using your component on this project because I need some additional features, so I made my custom component for it (It was easier for me that way). Of course, If I ever use this component for anything, I will send you the link, and also mention you in the project ReadMe...

Thank you for everything! Best regards! 😄

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub https://github.com/UnevenSoftware/vue-insta-stories/issues/5#issuecomment-863562765, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABIHGACNHRKRVFD2AVTK6I3TTJPQBANCNFSM457WNDAA .