openflexure-microscope-server/openflexure_microscope/api/example_extensions/custom_element/static
2020-03-31 16:24:41 +01:00
..
dist Fixed debug app for example custom element 2020-03-31 16:24:41 +01:00
src Fixed debug app for example custom element 2020-03-31 16:24:41 +01:00
.browserslistrc Added web component example source 2020-03-26 12:02:58 +00:00
.gitattributes Added web component example source 2020-03-26 12:02:58 +00:00
.gitignore Added web component example source 2020-03-26 12:02:58 +00:00
babel.config.js Added web component example source 2020-03-26 12:02:58 +00:00
package-lock.json Fixed debug app for example custom element 2020-03-31 16:24:41 +01:00
package.json Fixed debug app for example custom element 2020-03-31 16:24:41 +01:00
README.md Fixed debug app for example custom element 2020-03-31 16:24:41 +01:00
vue.config.js Fixed debug app for example custom element 2020-03-31 16:24:41 +01:00

Example Web Component using Vue framework

Structure

Web component

  • /src/components/VueWebComponent.vue

Debug app

  • For debugging purposes, the component can be mounted into a demo app

  • /src/App.vue and /src/main.js provide demo app functionality, and do not affect the final built web component

Building

  • Run npm run build

Debugging

  • Run npm run serve to serve the demo app. This can be used to debug the component. Note, the base URL will be set to it's default value of a localhost microscope server