<!-- doc --> # Van-wrapper Van-Wrapper is a tool that facilitates the rendering of VanJS elements within other popular frameworks.
npm install van-wrapper
js
// HelloFromVan.js
import { VanWrapper } from "van-wrapper/vue";
const {a, p, div} = van.tags
const HelloFromVan = ({environement}) => div(
p(message, a({href: "https://vanjs.org/"}, "VanJS")),
p(
"This is a ",
a({href: "https://vanjs.org/"}, "VanJS "),
Element Wrapped inside ${environement} App
)
)
export default HelloFromVan
`
$3
#### JSX Based
`jsx
import VanWrapper from "van-wrapper/react"
// import VanWrapper from "van-wrapper/solid"
// import VanWrapper from "van-wrapper/preact"
import HelloFromVan from "./HelloFromVan.js"
const environement = "React" // It's only a message
export default function App(){
return (
environement={environement}
/>
)
}
`
#### Vue
`xml
environement="Vue"
/>
`
#### Svelte
`jsx
---
import VanWrapper from "van-wrapper/svelte";
import HelloFromVan from "./HelloFromVan.js"
---
``