Linaria: Vue support

Created on 7 Nov 2018  ยท  7Comments  ยท  Source: callstack/linaria

Do you want to request a feature or report a bug?
feature

What is the current behavior?
There's only styled for React, I'm trying to work on a Vue.js integration but https://github.com/callstack/linaria/blob/a1d1b5a2f621ba50d986d97b96ff32f33e9a1106/src/babel/extract.js#L99-L109 makes it impossible

Solutions

  1. somehow change the code above to allow importing styled from other modules like vue-linaria
  2. or release built-in support for Vue at linaria/vue ๐Ÿ˜…
extend support ๐Ÿค approved โœ… help ๐Ÿ†˜ low ๐Ÿ“‰ up for grabs ๐Ÿ™

Most helpful comment

@egoist We are happy to accept a PR with Vue support, we are fine with both integrating Vue inside linaria itself (linaria/vue) or changing the mentioned code. The third option is to add linaria/vue file which will require and export vue-linaria.

All 7 comments

Maybe you can just do something like that?
data: { activeClass: csscolor: green;, errorClass: csscolor: red;`
}

`
I don't know if that works but should be.
https://vuejs.org/v2/guide/class-and-style.html#ad

@eatsjobs sure we can do that, but I mean the styled component support.

Yeah I understood. but I don't think it's in the 1.0 roadmap so I don't think you can have it soon

why though ๐Ÿ˜‚ it isn't hard right? just allow the babel plugin to transform styled that's imported from other libs.

@egoist We are happy to accept a PR with Vue support, we are fine with both integrating Vue inside linaria itself (linaria/vue) or changing the mentioned code. The third option is to add linaria/vue file which will require and export vue-linaria.

@egoist are you working on this?

@vinicius73 No but I made https://github.com/egoist/styled-vue which is pretty much linaria for Vue a while ago

Was this page helpful?
0 / 5 - 0 ratings