JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js"></script>
<script src="https://unpkg.com/[email protected]/dist/umd/ic-formly.min.js"></script>

<div id="app">
  <pre><code>{{JSON.stringify(duckModel)}}</code></pre>
  <ic-formly
    ref="formly"
    v-model="duckModel"
    :fields="duckFields">
   </ic-formly>
   <button @click="$refs.formly.submit()">
    Submit
  </button>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
   duckModel: {
    duck: {
      name: 'Charlie',
      specie: 'Mountain Duck'
    }
   },
   duckFields: [
    {
      key: 'duck.name',
      type: 'input',
      required: true
    }, {
      key: 'duck.specie',
      type: 'input',
      required: true
    }
   ]
  }
})