vue-sticky-directiveをnuxtプロジェクトでつかえなかった

結論 使えなかった

vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to resolve directive: sitcky

以下、試した手順

スクロール時に特定の部分を固定するためのライブラリ vue-sticky-directive をNuxtプロジェクトに導入してみる github.com

• インストール

npm install vue-sticky-directive --save

• 初期化plugin plugins/vueStickyDirective.tsを作成

import Vue from 'vue'
import Sticky from 'vue-sticky-directive'
Vue.use(Sticky)

nuxt.config.tsに作成したpluginファイルを追記

// 省略
  plugins: [
    '@/plugins/vueStickyDirective' // 追記
  ],
// 省略

• 使い方

<template>
  <div sticky-container>
    <div v-sticky sticky-offset="offset" sticky-side="top">
      ...
    </div>
  </div>
</template>
~~~