Estou construindo um aplicativo Web dentro do VueJS, mas encontro um problema. Eu quero usar uma extensão jQuery (cropit para ser específico), mas não sei como instanciar / exigir / importar da maneira certa sem obter erros.

Estou usando a ferramenta CLI oficial e o modelo de webpack para meu aplicativo.

Incluí jQuery assim no meu arquivo main.js.

import jQuery from 'jQuery'
window.jQuery = jQuery

Agora estou construindo um componente do editor de imagens em que quero instanciar o rastejamento assim:

export default {
  ready () {
    $(document).ready(function ($) {
      $('#image-cropper-wrapper-element').cropit({ /* options */ })
    })
  },
 }

Mas continuo recebendo erros ... Agora, minha pergunta é como instanciar corretamente o jQuery e plugins via NPM / Webpack / Vue?

Desde já, obrigado!