Vuera in TypeScript

This is the vuera lib from akxcv (amazing effort man!). Check it Vuera GH.

Due to inactivity in vuera part, I've decided to move forward with vuera-ts and maintain it for my professional work.

Usage

Check ./webpack_vue2 example. I prefer to control myself how files are loaded, so the project is a simple vue2 project build from scratch using webpack v5 . In a nutshell:

Install

yarn add vuera-ts

Usage

import { ReactInVue } from "vuera-ts";
import { TestComp } from "./react_ui";

const TestCompInVue = ReactInVue(TestComp);

Then you can use TestCompInVue in your Vue component. Register it in Vue.components then add it to your template like so:

<TestCompInVue foo="bar from Vue">
    This is a children from Vue - it updates on Hot Reload! :D
</TestCompInVue>

Library specific

Clone the project

git clone [email protected]:nmpribeiro/vuera-ts.git

Install lib

yarn

Build

yarn build

Publish

yarn publish

TODO

• [ ] Setup webpack_vue3 example
• [ ] Setup webpack_react example
• [ ] Check if Vue in react works (I am not very motivated to do it)

Contributors

I really enjoy people recognizing others. Therefore, whoever contributes to our project will have a mention here :) I am very grateful!

• Juan Lago @juanparati