Commit a9239ab8 authored by Joel Collins's avatar Joel Collins
Browse files

Added debug serve command

parent 3e21cd46

openflexure_microscope/api/example_extensions/custom_element/static/package-lock.json

+9 −4
Original line number Diff line number Diff line
@@ -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

        }

      }

    },

openflexure_microscope/api/example_extensions/custom_element/static/package.json

+1 −0
Original line number Diff line number Diff line
@@ -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": {

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

0 → 100644
+18 −0
Original line number Diff line number Diff line 
<template>

  <div id="app">

    <VueWebComponent/>

  </div>

</template>



<script>

import VueWebComponent from './components/VueWebComponent.vue'

export default {

  name: 'app',

  components: {

    VueWebComponent

  }

}

</script>



<style>

</style>
 
 No newline at end of file

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

+1 −1
Original line number Diff line number Diff line
@@ -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

+7 −0
Original line number Diff line number Diff line 
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);



Vue.config.productionTip = false;



new Vue({

  render: h => h(App)

}).$mount('#app')
 
 No newline at end of file