Added debug serve command

This commit is contained in:
Joel Collins 2020-03-31 13:52:17 +01:00
parent 3e21cd4680
commit a9239ab898
5 changed files with 37 additions and 6 deletions

View file

@ -4722,7 +4722,8 @@
"ansi-regex": {
"version": "2.1.1",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"aproba": {
"version": "1.2.0",
@ -5146,7 +5147,8 @@
"safe-buffer": {
"version": "5.1.2",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"safer-buffer": {
"version": "2.1.2",
@ -5202,6 +5204,7 @@
"version": "3.0.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"ansi-regex": "^2.0.0"
}
@ -5245,12 +5248,14 @@
"wrappy": {
"version": "1.0.2",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"yallist": {
"version": "3.1.1",
"bundled": true,
"dev": true
"dev": true,
"optional": true
}
}
},

View file

@ -3,6 +3,7 @@
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build --target wc --inline-vue --name my-custom-element ./src/components/VueWebComponent.vue"
},
"dependencies": {

View file

@ -0,0 +1,18 @@
<template>
<div id="app">
<VueWebComponent/>
</div>
</template>
<script>
import VueWebComponent from './components/VueWebComponent.vue'
export default {
name: 'app',
components: {
VueWebComponent
}
}
</script>
<style>
</style>

View file

@ -20,7 +20,7 @@ export default {
props: {
'componentBaseURL': {
required: false,
default: null,
default: "http://localhost/api/v2",
type: String
}
},

View file

@ -1,7 +1,14 @@
import Vue from 'vue';
import wrap from '@vue/web-component-wrapper';
import App from './App.vue';
import VueWebComponent from './components/VueWebComponent';
const CustomElement = wrap(Vue, VueWebComponent);
window.customElements.define('my-custom-element', CustomElement);
window.customElements.define('my-custom-element', CustomElement);
Vue.config.productionTip = false;
new Vue({
render: h => h(App)
}).$mount('#app')