playcanvas / playcanvas/pcui

Add Vue.js support

Open
#8 0 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
TypeScript
Stars
793
Forks
97
PR merge metrics
No merged PRs in 30d

Description

Is your feature request related to a problem? Please describe.
I cannot use PCUI easily within my Vue.js app. The javascript model "will" work, but not as robust integration.
Additionally, providing Vue components hides all the observer and data binding mechanics. Just drop in your component, declare your model for it and the rest is done for you. 10x easier than writing observers for everything.

The React implementation does not cleanly separate UI from logic (because that's how react is designed). Whereas Vue has a clean separation between your view template (basic markup) and your class logic. It is much easier to code when these things are separate vs embedding UI markup inside javascript (not a design pattern).

Describe the solution you'd like
Vue.js models for PCUI.

Describe alternatives you've considered
I can probably get by using the javascript version of PCUI for now, but it will require some special handling and extra code to wire up to my Vue app.

Additional context
Building a web based visual editor for story narrations.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the existing React implementation and the TypeScript PCUI repository to understand how its models and components are organized. Define what Vue.js support should include, then verify that Vue components provide the requested separation of view templates and class logic; the issue names no files or tests.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, typescript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.