VueMaterialBackbone.imjoy.html

<docs lang="markdown">
[TODO: write documentation for this plugin.]
</docs>

<config lang="json">
{
  "name": "VueMaterialBackbone",
  "type": "window",
  "tags": [],
  "ui": "",
  "version": "0.1.2",
  "api_version": "0.1.5",
  "description": "This is a backbone plugin for using Vue Material in ImJoy",
  "icon": "extension",
  "inputs": null,
  "outputs": null,
  "env": "",
  "requirements": [
      "https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.22/vue.min.js",
      "css:https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons",
      "https://unpkg.com/vue-material/dist/vue-material.min.css",
      "https://unpkg.com/vue-material/dist/theme/default.css",
      "https://unpkg.com/vue",
      "https://unpkg.com/vue-material"
  ],
  "dependencies": [],
  "defaults": {"w": 20, "h": 10},
  "runnable": true
}
</config>

<script lang="javascript">

Vue.use(VueMaterial.default)

const app = new Vue({
  el: '#app',
  data: {
    title: 'Hello World'
  },
  methods: {
    async sayHi(){
      await api.alert('Hi')
    }
  }
})

class ImJoyPlugin {
  async setup() {

  }

  async run(my) {

  }
}

api.export(new ImJoyPlugin())
</script>

<window lang="html">
  <div style="text-align: center;" id="app">
   <md-button class="md-raised">Default Button</md-button>
  </div>
</window>

<style lang="css">
</style>