richardtallent / vue-stars Goto Github PK

Well, I've "upgraded" to vue-cli, and now I can't figure out for the life of me how to build and publish this one little component to npm in a way that makes it importable from other projects.

I've been following the directions here, which mention nothing about what to do as the "main" entry in package.json, so I've been ticking up versions trying different approaches, with no luck.

https://vuejs.org/v2/cookbook/packaging-sfc-for-npm.html

Any help would be greatly appreciated. I'd like to get this version out to everyone (including me, I'm trying to use it in one of my own projects) without having to publish another 50 attempts.

I like idea and simplicity of this plugin, but I'm missing the option to use own images instead of just characters.
My goal is to use my custom images in a size I provide. I'll keep an eye on this repository. Thank you for your work so far!

Hi Guys,

I would like to use your control but I am using typescript. Do you have support for this?

Is it possible to fill exact value? In example if the rating is "4.5" five stars are filled but I would need it to fill four and a half stars not to round it to five.

Hi,

It would be interesting to publish an npm package.

Regards,

Hi Guys,

[Nuxtjs] SSR support?

Hello. Thank you for this great plugin.
Did you think about adding hover state slot?

When I use the component multiple times in one page as following :

<vue-stars :value="0" hover-color="#bf1e2e" active-color="#bf1e2e" shadow-color="#fff" readonly ></vue-stars>
<vue-stars :value="1" hover-color="#bf1e2e" active-color="#bf1e2e" shadow-color="#fff" readonly ></vue-stars>
<vue-stars :value="3" hover-color="#bf1e2e" active-color="#bf1e2e" shadow-color="#fff" readonly ></vue-stars>

I got this result (see the value):

So, how can I keep the value correct?

=================================

I am sorry, I did not read the documentation well

Solution

use unique name attribute for each one.