import Aimer from 'aimer'
import 'aimer/dist/aimer.css'

// And the button you wanna demonstrate
import MyButton from './path/to/Button.vue'

const aimer = new Aimer({
  title: 'optional header title'
})

aimer.add({
  title: 'With text',
  component: {
    template: '<my-button>hello world</my-button>',
    components: {
      MyButton
    }
  },
  readme: '<p>some html</p>',
  example: '...some example code'
})

aimer.add({
  title: 'With emoji',
  component: {
    template: '<my-button>😄🎉😎👻</my-button>',
    components: {
      MyButton
    }
  }
})

// Start Aimer instance at given node
aimer.start('#app')