Nuxt.jsで、jqueryのjquery.nivo.slider.pack.jsを使用する方法

Question

Nuxt.jsでjqueryのjquery.nivo.slider.pack.jsを使ってスライダーを行いたい

Nuxt.jsのページで、
index.vueの<template>に

        <div class="slider-wrapper theme-default">
          <div id="slider" class="nivoSlider">
            <img src="images/slider/01.jpg" alt="" title="" />
            <img src="images/slider/02.jpg" alt="" title="" />
          </div>
        </div>
        <script type="text/javascript" src="/js/jquery.nivo.slider.pack.js" />

元となるjsは/static/jsに保存しているのですが、
正常に動作しないのですが、

jquery.nivo.slider.pack.jsを読み込ませるタイミング
$("#slider").nivoSliderを実行させるタイミング
等がよくわかりません。

もし同じようにnuxt.jsでjqueryで作られたライブラリーを使用されている方がいましたら、ご教授のほど、よろしくお願いいたします。