How to include vuelidate in vue3?

Question

Vue.js

Hello!
Tell me how to connect this plugin, there is no Vue variable in the main.js file?

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

import Vuelidate from 'vuelidate'
Vue.use(Vuelidate)

Answer 1

Vuelidate v2 doesn't need to be globally included in main.js as it was in the previous vue 2 version . Now we need to use the useVuelidate() hook in the component's setup. Read more here https://vuelidate-next.netlify.app/

Answer 2

I would try to write it like this:

import { createApp } from 'vue'
import App from './App.vue'
import Vuelidate from 'vuelidate'

const app = createApp(App)
app.use(Vuelidate)
app.mount('#app')

UPD: And in general, judging by the documentation, Vuelidate only works with Vue 2, not Vue 3.