Including jquerry in vue

Hi , i’ve been working on a project recently .
i imported jquery correctly in the main js .

         import jQuery from "jquery";
         window.$= window.jQuery = jQuery;
          import popper.js 

however , whenever i use any function in jquery or use the $ i have to import it everytime in any vue.
i couldnt use
methods:{
closeMenu(){
$(".page-wrapper").toggleClass(“toggled”);
}
}

without "import $ from ‘jquery’ .
i dont want to import $ from jquery on every vue file

You have to explicitly access the window namespace in modules, i.e. window.$

There are a number of factors for this, including the context when used in a Vue instance, but from a modules standpoint they use strict mode by default which means the global namespace, e.g. window is not accessible through this.

That means, among other things, that in browsers it’s no longer possible to reference the window object through this inside a strict mode function.