feat: defineStyleX, close #821

[BeiyanYunyi]

Description

This Pull Request introduce defineStyleX macro and v-style directive to improve developing experience of <script setup> and StyleX.

Linked Issues

#821

Additional context

Volar support is not completed so far, as we have no intelliSense to v-stylex. I've tried to implement this, but I failed. Done

Zh-Hans document will be commited after discussing. Done

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[changeset-bot]

🦋 Changeset detected

Latest commit: 3828a08

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 33 packages

Name	Type
@vue-macros/define-stylex	Minor
@vue-macros/common	Minor
@vue-macros/config	Minor
unplugin-vue-macros	Minor
@vue-macros/api	Patch
@vue-macros/better-define	Patch
@vue-macros/boolean-prop	Patch
@vue-macros/chain-call	Patch
@vue-macros/define-emit	Patch
@vue-macros/define-models	Patch
unplugin-vue-define-options	Patch
@vue-macros/define-prop	Patch
@vue-macros/define-props-refs	Patch
@vue-macros/define-props	Patch
@vue-macros/define-render	Patch
@vue-macros/define-slots	Patch
@vue-macros/export-expose	Patch
@vue-macros/export-props	Patch
@vue-macros/export-render	Patch
@vue-macros/hoist-static	Patch
@vue-macros/jsx-directive	Patch
@vue-macros/named-template	Patch
@vue-macros/nuxt	Patch
@vue-macros/reactivity-transform	Patch
@vue-macros/script-lang	Patch
@vue-macros/setup-block	Patch
@vue-macros/setup-component	Patch
@vue-macros/setup-sfc	Patch
@vue-macros/short-bind	Patch
@vue-macros/short-emits	Patch
@vue-macros/short-vmodel	Patch
@vue-macros/volar	Patch
@vue-macros/astro	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
vue-macros	✅ Ready (Inspect)	Visit Preview	Oct 14, 2024 3:32pm

[pkg-pr-new]

Open in Stackblitz

@vue-macros/api

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/api@823

@vue-macros/astro

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/astro@823

@vue-macros/better-define

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/better-define@823

@vue-macros/boolean-prop

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/boolean-prop@823

@vue-macros/chain-call

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/chain-call@823

@vue-macros/common

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/common@823

@vue-macros/config

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/config@823

@vue-macros/define-emit

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/define-emit@823

@vue-macros/define-models

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/define-models@823

@vue-macros/define-prop

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/define-prop@823

unplugin-vue-define-options

pnpm add https://pkg.pr.new/vue-macros/vue-macros/unplugin-vue-define-options@823

@vue-macros/define-props

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/define-props@823

@vue-macros/define-props-refs

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/define-props-refs@823

@vue-macros/define-render

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/define-render@823

@vue-macros/define-slots

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/define-slots@823

@vue-macros/define-stylex

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/define-stylex@823

@vue-macros/devtools

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/devtools@823

@vue-macros/eslint-config

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/eslint-config@823

@vue-macros/export-props

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/export-props@823

@vue-macros/export-expose

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/export-expose@823

@vue-macros/export-render

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/export-render@823

@vue-macros/hoist-static

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/hoist-static@823

@vue-macros/jsx-directive

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/jsx-directive@823

unplugin-vue-macros

pnpm add https://pkg.pr.new/vue-macros/vue-macros/unplugin-vue-macros@823

@vue-macros/named-template

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/named-template@823

@vue-macros/nuxt

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/nuxt@823

@vue-macros/reactivity-transform

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/reactivity-transform@823

@vue-macros/script-lang

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/script-lang@823

@vue-macros/setup-block

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/setup-block@823

@vue-macros/setup-component

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/setup-component@823

@vue-macros/setup-sfc

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/setup-sfc@823

@vue-macros/short-emits

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/short-emits@823

@vue-macros/short-bind

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/short-bind@823

@vue-macros/short-vmodel

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/short-vmodel@823

@vue-macros/test-utils

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/test-utils@823

@vue-macros/volar

pnpm add https://pkg.pr.new/vue-macros/vue-macros/@vue-macros/volar@823

commit: 3828a08

[sxzz]

nodeTransforms is not compatible with Vue 2. Consider supporting Vue 3 only

[BeiyanYunyi]

nodeTransforms is not compatible with Vue 2. Consider supporting Vue 3 only

But I've got the macro work on Vue2 playground.

Now I'm just stucked in Volar support.

[BeiyanYunyi]

TODO:

• Intellisense for v-stylex directive
• Type infer and hint for contents of v-stylex directive