A lightweight playground for live editing VueJs code in the browser
The simplest way to render components is as a VueJs template:
<template>
<VueLive :code="`<date-picker />`" :components="{ DatePicker }" @error="(e) => handleError(e)">
</template>
<script>
import { VueLive } from "vue-live";
import DatePicker from "vuejs-datepicker"
export default {
components: { VueLive },
data(){
return {
// make DatePicker available in template
DatePicker
}
}
}
</script>
Check out the demo for alternative syntaxes to write your showcases.
npm ci
npm run start
npm run build
npm run test:unit
npm run test:e2e
npm run lint