Как подключить vuelidate в vue3?

Question

[HitGirl]

Здравствуйте!
Подскажите, как подключить данный плагин, в файле main.js нет переменной Vue?

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

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

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

Comments

[WapSter]

Почему бы просто не импортировать только в нужные компоненты?
И да ты можешь из vue импортировать Vue

[HitGirl]

WapSter, спс так сделал.
Но опять ошибка: Uncaught TypeError: Cannot read property 'use' of undefined
А когда в компоненте устанавливаю такая ошибка:
cannot read property "super" of undefined vuelidate

[WapSter]

HitGirl, только что попробовал, в компоненте все отлично подключается

[HitGirl]

WapSter, https://gitlab.com/DanilChushko/vue-lessons/-/blob.... А этот пример тоже нормально?

[WapSter]

HitGirl, https://codesandbox.io/s/agitated-dubinsky-006t4?f...

Answer 1

[lavezzi1]

Vuelidate v2 не нужно глобально подключать в main.js как это было в прошлой версии на vue 2. Теперь нужно использовать хук useVuelidate() в setup компонента. Подробнее тут https://vuelidate-next.netlify.app/

Answer 2

[Дмитрий Кузнецов]

Я бы попробовал так написать:

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

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

UPD: И вообще, судя по документации, Vuelidate работает только с Vue 2, а не с Vue 3.