InertiaJS 的 createInertiaApp 方法中的全局组件

Question

go 如何在 Laravel 9 中向 InertiaJS 的createInertiaApp()方法添加全局组件（例如<Link /> ）？

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./Pages/${name}.jsx`, import.meta.glob('./Pages/**/*.jsx')),
    setup({ el, App, props }) {
        return render(<App {...props} />, el);
    },
});

Answer 1

这里有一个全局组件注册的示例。 在这种情况下，我从 InertiaJS 全局导入Head组件。

import { createInertiaApp, Head } from '@inertiajs/inertia-vue3';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./Pages/${name}.jsx`, import.meta.glob('./Pages/**/*.jsx')),
    setup({ el, App, props }) {
        return render(<App {...props} />, el).component('Head', Head);
    },
});

来源在这里。