Skip to content

Vue support: is an official @cladd-ui/vue on the table? #1

Description

@aybinv7

Hi Vladimir — thanks for cladd. The surface system and the
"classes for variants, data-* for runtime state" discipline are exactly
what dense app UIs need.

I'm building dev tooling (CapuBridge, an Android WebView debugging tool)
and cladd is what I want its UI to be — I'd migrate to it today if it
spoke Vue. We're a Vue shop: our ERP app is Vue + Capacitor + Framework7,
so I'm already living in your stack, just on the other side of it.

Looking at the source, the framework-bound part is smaller than the LOC
suggests — styles/* is already agnostic, most styling is pure
props -> class string, and state lives in CSS via data-*. Roughly the
split Konsta UI already makes: shared/classes/* with thin react/ and
vue/ layers over it.

So:

  1. Is Vue support something you'd want here eventually, or is cladd
    deliberately React-only?
  2. If maybe: would you be open in principle to extracting the class/token
    logic out of the .tsx into a framework-agnostic core? That's a win for
    the React package on its own (testable, no behavior change) and it's the
    precondition for a second framework. I'd scope it as a separate proposal
    before touching code.
  3. If you'd rather keep this React-only: would a community Vue port under a
    different name, attributing cladd and carrying the MIT notice, be OK with
    you? Want your read on naming before publishing anything.

Happy to do the work, just don't want to duplicate something you've
already got planned.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions