Preview API Example

Example.vue

<preview>
<setup
  :requests="{
    // Mock requests
    '/api/repos': $p.repeat(10, id => ({ id })),
    '/api/repos/:id': id => $p.x.getUser(id),
    '/api/repos/znck0': $p.http.status(404),
  }"
  :components="{
    // Mock components
    MyComp: $p.stub()
  }"
  :state="{
    name: ''
  }"
  :mocks="{
    // Mock modules
    'module': './mocks/module'
  }"
/>

<MyComponent
  v-model="$p.state.name"
  @click="$p.on('MyComponent.click')"
  :age="$p.number.age()"
  :firstName="$p.string.name.first()"
>
  <component :is="$p.component.image.unsplash('person')" />
</MyComponent>
</preview>