Как подключить wow.js к nuxt проекту?

Question

[Дарья Не важно]

Привет всем!
Переделываю старый проект на nuxt
сейчас столкнулась с проблемой с анимациями
проблема в подключении библиотеки wow.js

Установила через npm wow.js
подключила анимации в файле nuxt.config.js вот так
css: ['animate.css/animate.css'],
и с ними все ок
саму библиотеку пробовала подключать как в этом гайде
(только вместо mounted подключала в created)
ничего не вышло
может кто сталкивался с данной проблемой
заранее спасибо

Answer 1

[odilovoybek]

Можно еще поставить проверку на наличие WOW и можно завернуть это в отдельную функцию в отдельном helper скрипте.

mounted() {
  let wow = document.createElement('script')
    wow.setAttribute('src', 'https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js')
    document.head.appendChild(wow)

  wow.onload = () => {
    new WOW().init()
  }
}