app.provide an object

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
  {{ other }}
  <my-button></my-button>
</div>

JavaScript

// const MyTheme = Symbol('my-theme')

/*const ChildComp = {
  inject: {
    theme: {
      from: MyTheme
    }
  },
  template: `<div>{{ theme }}</div>`  
}
debugger*/
/*const app = Vue.createApp({
  components: {
    ChildComp
  },
  data () {
    return {
      myName: 'Bob'
    }
  }
})*/

//app.provide({
//  user: 'John Doe'
//})

// This does work:
//app.provide('user', 'John Doe')
//app.provide(MyTheme, 'John Doe')

//const vm = app.mount('#app')

//console.log(vm)

/*const rootComponentOptions = {
  data: () => ({ count: 1 })
}*/

//const app = Vue.createApp(rootComponentOptions)
//const vm = app.mount('#app')