JSFiddle - React, Tailwind, and code Playground

by darkylmnx

HTML

<script src="https://unpkg.com/[email protected]/dist/vuelidate.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/validators.min.js"></script>
<div id="app">
  
  <input type="text" v-model="name">
  <div class="error" v-if="!$v.name.required">Field is required</div>
  <pre>{{ $v.name }}</pre>
</div>

Vue

console.log(window.vuelidate)
Vue.use(window.vuelidate.default)

new Vue({
	el: '#app',

	data() {
  	return {
    	name: ''
    }
  },
  validations: {
  	name: {
    	required: window.validators.required
    }
  }
})