JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/vee-validate@next"></script>
<div id="app">
  {{ test }}
  <my-form v-slot="invalid">
    <my-field
      type="email"
      name="email"
    ></my-field>
    <button>Submit</button>
  </my-form>
</div>

JavaScript

const { createApp } = Vue;
const { Form: MyForm, Field: MyField } = VeeValidate;

const app = Vue.createApp({
	data: () => {
  	return {
    	test: 'Vee-validate test'
    }
  },
  components: {
	  MyForm, 
    MyField,
  }
});

app.mount('#app');