Added debug serve command

openflexure_microscope/api/example_extensions/custom_element/static/src/App.vue

@@ -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>

openflexure_microscope/api/example_extensions/custom_element/static/src/components/VueWebComponent.vue

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

openflexure_microscope/api/example_extensions/custom_element/static/src/main.js

@@ -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')