Как глобально импортировать пакеты в vue 3, inertia и vue js ⇐ Javascript

[Anonymous]

я использую laravel, vue3, vitejs и inertia для создания своего приложения
моя проблема: когда я импортирую свои пакеты (например, Sweet Alert) глобально в свой app.js, я получаю ошибку типа Uncaught (в обещании) ) ReferenceError: Swal не определен, но когда я импортирую этот пакет на свои страницы инерции (страницы .vue), он будет работать, на самом деле мне приходится импортировать пакет на каждую страницу, которая мне нужна.
Мое приложение.js:
import './bootstrap';
import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/vue3';
import Swal from 'sweetalert2';

createInertiaApp({
resolve: async name => {
const pages = import.meta.glob('/Modules/**/resources/assets/js/Pages/**/*.vue', { eager: false });
const matchingPageKey = Object.keys(pages).find(key => key.endsWith(`/${name}.vue`));

let page;
if (matchingPageKey) {
const module = pages[matchingPageKey];
// check if module = function then module is lazyload (eager = false) so it needs await
page = typeof module === 'function' ? await module() : module;
}

return page;
},
setup({ el, App, props, plugin }) {
const app = createApp({ render: () => h(App, props) });
app.use(plugin);
app.mount(el);
},
});


Подробнее здесь: https://stackoverflow.com/questions/793 ... tia-vitejs