Vue3

[ngmiduc]

Does any tried that with VueJs3 ?

I am getting only : createElement is not a function when trying adding a styled component into the template.

[denvolynets]

will there be any work on this issue?

[liqueflies]

I think new api of vue 3 brings the h or createElement function outside the render scope:

https://v3.vuejs.org/guide/migration/functional-components.html#_3-x-syntax

It require maybe a version for vue 3 only.

[alexkharech]

https://github.com/UX-and-I/vue3-styled-components

[Blackfaded]

Are there any plans to support vue3 in the official library?

[Blackfaded]

Yes I know, but since we are developing a big size enterprise project I would be happy to use the official library

[liqueflies]

Hi @Blackfaded ,

since vue3 made a lot of breaking changes it will be necessary to create a next version of this package.
At this moment I have no real experience with vue3 cause at work we still use te v2.

So maybe in the future, when my skills where ready to do that in the proper way, I'll try to update it.
Maybe I can give it a try in these days but for sure it will not production-ready solution.

Open source (as license say) has also no warranty on software and if there are some updates, features, improvements from the community I will happy to merge the work into the official one.

If you want to give a try, refer to https://github.com/UX-and-I/vue3-styled-components.
Is based on this package, but the vue component is written with vue3 API.

Thank you <3

[lloydjatkinson]

Hi,

Would funding/sponsorship help styled-components get first class support for Vue 3?

[exbotanical]

Hi @Blackfaded ,

since vue3 made a lot of breaking changes it will be necessary to create a next version of this package. At this moment I have no real experience with vue3 cause at work we still use te v2.

So maybe in the future, when my skills where ready to do that in the proper way, I'll try to update it. Maybe I can give it a try in these days but for sure it will not production-ready solution.

Open source (as license say) has also no warranty on software and if there are some updates, features, improvements from the community I will happy to merge the work into the official one.

If you want to give a try, refer to https://github.com/UX-and-I/vue3-styled-components. Is based on this package, but the vue component is written with vue3 API.

Thank you <3

Hi there. I think it would be a huge boon to the Vue community to have a fully-featured CSS-in-JS library (specifically with the Styled Components API). Mind if I take a stab at this? I'd like to see if I can get us back to the full feature-set of this library with Vue 3 support.

Thanks.

[lloydjatkinson]

@MatthewZito do you need any assistance? I’d like to help if I can

[exbotanical]

@MatthewZito do you need any assistance? I’d like to help if I can

Absolutely. I plan on doing the work in a fork of this repository - at least until we hear from @liqueflies on whether they want to continue this project or if we should continue with a new one altogether. I'll have it stood up on my account in a few - feel free to start a discussion over there so we can coordinate.

Quick note - it looks like the aforementioned Vue 3 fork has been inactive for almost 1 year. They also note this in the README:

"This is a very quick, as-is-port of vue-styled-components, meaning it will only provide the functionality we need, until vue-styled-components hopefully has found its own path to Vuejs 3"

That is, I believe it's safe to say they don't intend on implementing the remainder of the existing Vue 2 Styled Components API.

@liqueflies I don't want to step on your hard work here; if you feel there's a better direction please let us know.

Update: I'm almost finished with a full-parity update for Vue 3. Just need to wrap up some additional tests, update the examples and build steps. Will have a PR soon.

[exbotanical]

Thanks for being patient, everyone - I'm relocating across the country next week so life has been a bit all over the place.

@liqueflies I've opened a PR for Vue 3 support. Let me know if you'd prefer this be on a next branch. Thanks

#139

[Szuumii]

Hello @MatthewZito! Any update regarding the issue?

[exbotanical]

Hello @MatthewZito! Any update regarding the issue?

I recently published this on my NPM account, as it seems this project is not being actively maintained and we haven't heard from the original author in quite some time.

Feel free to try it out!

There's a couple of issues with the TypeScript types that I'll be fixing later today, but thus far everything seems to be in working order. I think I'll continue working on this project under the forked repo on my account.

[mattvb91]

bump, any update for the official package for support?