title: How to use vue-smooth-dnd in Nuxt JS?
body: <p>I apologize for my English, English is not my native language. Having problems using vue-smooth-dnd. Acted on the recommendations on GitHub. (<a href="https://github.com/kutlugsahin/vue-smooth-dnd" rel="nofollow noreferrer">https://github.com/kutlugsahin/vue-smooth-dnd</a>)</p>
  
  <p>I put the package in my Nuxt application, then created a file with the following code in the plugins.</p>
  
  <pre><code>import Vue from 'vue'; 
  import VueSmooth from 'vue-smooth-dnd'; 
  Vue.use(VueSmooth);
  </code></pre>
  
  <p>After which I registered the plugin inside nuxt.config and start using vue-smooth-dnd inside my component. I wrapped my code in 
  <code>container</code>, and even each child in <code>draggable</code>. I add the <code>@drop="onDrop"</code> event to the <code>container</code> as shown in the documentation. But I do not get any result. What am I doing wrong? Please tell me how to use this library with Nuxt JS.</p>
  
  <p>My nuxt.config.js - file
  <div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export default {
    mode: 'universal',
    head: {
      title: process.env.npm_package_name || '',
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
      ],
      link: [
        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
      ]
    },
    loading: { color: '#fff' },
    css: [
    ],
    plugins: [     { src: '~/plugins/muuri.js', ssr: false}, { src: '~/plugins/smooth.js', ssr: false}
  
    ],
    buildModules: [
      '@nuxtjs/tailwindcss',
    ],
    modules: [
    ],
    build: {
      extend (config, ctx) {
      }
    }
  }</code></pre>
  </div>
  </div>
  </p>