Библиотека компонентов Inertiajs и Vue ⇐ Php

[Anonymous]

Недавно я приступил к созданию собственной библиотеки компонентов в Vue 3, движимый желанием перепрофилировать некоторые тщательно созданные компоненты пользовательского интерфейса из предыдущего проекта, который я разработал с использованием стека Laravel + Inertia + Vue 3. В этом проекте я потратил много времени и усилий на доработку пользовательского интерфейса и был настолько доволен результатом, что решил извлечь эти компоненты в отдельную библиотеку. Цель заключалась в том, чтобы обеспечить возможность повторного использования одних и тех же высококачественных, хорошо продуманных компонентов в разных проектах без необходимости каждый раз начинать с нуля.
Однако я столкнулся с проблема при интеграции библиотеки в мой основной проект. В частности, когда я пытаюсь использовать компонент Inertia, он выдает ошибку, останавливающую процесс. Эта проблема стала препятствием, и я пытаюсь понять, как ее решить, чтобы в полной мере использовать компоненты, над совершенствованием которых я так усердно работал.


Это мой компонент Link.vue из библиотеки vue-inertia-core.

Код: Выделить всё

import { Link } from "@inertiajs/vue3";

Это файл vite.config.js библиотеки vue-inertia-core:

Код: Выделить всё

import { resolve } from "path";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
"@": "/src",
"@assets": "/src/assets",
},
},
css: {
postcss: resolve(__dirname, "postcss.config.js"),
},
build: {
lib: {
entry: resolve(__dirname, "src/index.js"),
name: "VueInertiaCore",
fileName: "vue-inertia-core",
},
rollupOptions: {
external: ["vue"],
output: {
globals: {
vue: "Vue",
},
},
},
},
});

а это файл vite.config.js из исходного проекта, в котором я связал этот пакет.

Код: Выделить всё

import laravel from "laravel-vite-plugin";
import vue from "@vitejs/plugin-vue";

const inDevelopment = process.env.NODE_ENV === 'development';

export default defineConfig({
plugins: [
vue({
template: {
transformAssetUrls: {
base: null,
includeAbsolute: false,
},
},
}),
laravel({
input: [
"resources/inertia/css/app.css",
"resources/inertia/js/app.js",
],
refresh: true,
}),
],
resolve: {
alias: {
"@": "/resources/inertia/js",
"@assets": "/resources/inertia/assets",
"@mosaict/vue-inertia-core": inDevelopment ? "@mosaict/vue-inertia-core-dev" : "@mosaict/vue-inertia-core",
vue: "vue/dist/vue.esm-bundler.js",
},
},
});

Будем очень благодарны за любую помощь. Если вам нужна дополнительная информация, сообщите мне.
Я пытался устранить эти компоненты вручную, но не знаю, что делать. Я просто хочу, чтобы компонент из библиотеки мог работать корректно.

Подробнее здесь: https://stackoverflow.com/questions/788 ... nt-library