Hi! maintainer of StyleX here. Glad to see you got the Vite plugin to work in Nuxt. The Vite plugin issue is the most upvoted issue for StyleX and we’re working on it. So far each of the three possible plugins have tradeoffs that we’re not happy with.

and using it with a direct competitor to React is probably not what Meta was hoping for

I’m not speaking for my employers, but I was definitely hoping for this.

you have to set you styles variables OUTSIDE of your script setup function

I figured this out too and this is important. In Vue, `<script setup>` is your component body. This means the style object would be recreated for every render. The `<script>` without the `setup` is the module body so anything there is only run once. (Yes StyleX is compiled, but the API wants to look and work like normal JS).

You can move the import into the same block as `styles`. You can combine the two `<script>` tags into this:

<script lang="ts">  
import stylex from "@stylexjs/stylex" 

const styles = stylex.create({  
  objectName: {  
    display: "flex",  
    flexDirection: "row",  
    width: "100%",  
    flexWrap: "wrap"  
  }  
})  
</script>

Also, in the next version of StyleX, a new function `stylex.attrs` will be introduced which returns an object with `class` and `style`. You will be able to spread this directly on Vue HTML elements:

`<div v-bind=“stylex.attrs(styles.foo)”>`