Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Global component tanımlamak

yalcin

import './bootstrap';
import '../css/app.css';

import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/vue3';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m';

const appName = import.meta.env.VITE_APP_NAME || 'Laravel';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
    setup({ el, App, props, plugin }) {
        return createApp({ render: () => h(App, props) })
            .use(plugin)
            .use(ZiggyVue)
            .mount(el);
    },
    progress: {
        color: '#4B5563',
    },
});

Her sayfaya çekmek yerine global olarak tanıtmak istediğim bi Componentim var eskiden şöyle bişiler yapıyodum
Vue.component('icon', require('./Components/Icon').default);

yukarda buna benzer bişiler denedim ama

Uncaught ReferenceError: Vue is not defined

diyor yukardaki kod içinde bir componenti global olarak nasıl tanıtırım . ?

mgsmus

yalcin Sizin eski Vue değişkeni (yani app/instance), yazdığınız koddaki setup içindeki createApp yönteminden dönen değişken. Zaten orada farkettiyseniz use() ile plugin ve ZiggyVue global olarak tanımlama yapmış. Yani şöyle yapabilirsiniz:

return createApp({ render: () => h(App, props) })
    .use(plugin)
    .use(ZiggyVue)
    .component('icon', Icon) // Burada Icon'u üstte import edin.
    .mount(el);

yalcin

sağolasın hocam çok teşekkürler