Port to Vue (and/or other flavors in the styled-components ecosystem).

[smithki]

I have been using this module for a while now and it saves me a ton of time! The API is polished and easy-to-learn. ThemeProvider integration is a lifesaver. However, pretty soon I'll have a few projects lined up that rely on Vue instead of React. I still plan to use styled components and its Vue-specific offerings.

I am opening this issue to propose this module be extended to incorporate more offshoots from the styled-components ecosystem. Having one library to rule them all is the dream, right?!

To that end, as a starting point, I propose adding packages for the following:

• vue-styled-components
• styled-elements

I foresee a change like this requiring a medium-to-large size refactor, most of the work would be in generalizing the styled-components CSS generation, then adding some helper functions to produce components for each separate integration.

Let me know what you think! If you like this idea, I am happy to help in any way I can.

EDIT: By the way, the NPM org name @styled-grid is not taken. It would make for nice package names to use a scope. For instance, you could NPM install @styled-grid/react or @styled-grid/vue instead of react-styled-flexboxgrid etc.

[LoicMahieu]

Hi @smithki
Cool to hear that this package is useful!

Yes it could be nice but unfortunately, I am lacking in time to properly maintain this project so an organization... ;)

But I will be really happy to welcome new colaborators and maybe think with them about it...