title: [Vue warn]: Failed to resolve directive
body: <p>I want to use a plugin in my template but for some reason it doesn’t work.</p>
  
  <p>here is my code:</p>
  
  <pre><code>import Vue from 'Vue';
  import vueSmoothScroll from 'vue-smooth-scroll';
  
  Vue.use(vueSmoothScroll);
  
  export default {
   name: 'home-view',
   components: {
   },
  layout: 'default',
  mixins: [
   PageHeaderFromContentData,
   vueSmoothScroll,
  ],
  data() {
   return {
    openLayer: null,
   };
  },
  methods: {
   },
  };
  </code></pre>
  
  <p>And here is my template:</p>
  
  <pre><code>&lt;a v-smooth-scroll href="#startpage-possibilities"&gt;anchor&lt;/a&gt;
  &lt;div id="startpage-possibilities"&gt;###&lt;/div&gt;
  </code></pre>
  
  <p>Thats the plugin I want to use: <a href="https://www.npmjs.com/package/vue-smooth-scroll" rel="nofollow noreferrer">https://www.npmjs.com/package/vue-smooth-scroll</a></p>