kristine-bladvin

Это тебе мой единственный подпищик.
Работая с vuetify можно определить стиль и компонент тремя способами:

1. Используя атрибуты vuetify компонента, такие как border в ноль. Не всегда но бывает получается добиться нужного визуала.
   
2. Использовать встроенные css классы такие ma-0 pa-0, которые выставляют padding и margin 0. Есть практически для всех стилей
   
3. Ловить класс в стилях :deep .vuetify-class-name
   
4. Переопределять шаблон vuetify компонента используя v-slot
   

Пишем файл export.js в субмодуле вида

import $ from 'jquery'
import <package>  from 'submodulepackage'

export { $, package }

В корне vue приложения файл submodule-packages.ts вида:

import { $, package } from './../submodule/export.js'

И в любом компоненте vue, код вида:

import { $, package } from '@/../submodule-packages.ts'

Вебпак сам все собирает. Все как то просто оказалось

configureWebpack:  config => {
      config.plugins.push(
        new webpack.ProvidePlugin({
          $: 'jquery',
          jquery: 'jquery',
          'window.jQuery': 'jquery',
          jQuery: 'jquery'
        })
      );
  }

Вот работающий вариант чтобы можно было использовать старый модули написанные с использование jquery