Using jetstream inertia with laravel modules

Question

I would like to use nwidart/laravel-modules and inertia together. The problem I'm having is that my Index.vue that is in my Users module isn't showing up and there is no errors.

When I have this line of code in my app.js

resolveComponent: (name) => require(`../../Modules/Users/Resources/assets/Pages/${name}`).default

then my Index.vue shows up, but when I try to loop through it so that I can make it dynamic nothing shows up and there is no errors

This is what I have in my app.js at the moment

require('./bootstrap');

require('moment');

import Vue from 'vue';

import { InertiaApp } from '@inertiajs/inertia-vue';
import { InertiaForm } from 'laravel-jetstream';
import PortalVue from 'portal-vue';

Vue.mixin({ methods: { route } });
Vue.use(InertiaApp);
Vue.use(InertiaForm);
Vue.use(PortalVue);

const app = document.getElementById('app');

const modulesJson = require("../../modules_statuses.json");
var modulesObject = Object.keys(modulesJson);

new Vue({
    render: (h) =>
        h(InertiaApp, {
            props: {
                initialPage: JSON.parse(app.dataset.page),
                resolveComponent: (name) => {
            // LOOP IS HERE
                    for(let i = 0; i < modulesObject.length; i++){
                        require('../../Modules/'+modulesObject[i]+'/Resources/assets/Pages/'+name).default
                    }
                }
            },
        }),
}).$mount(app);

git_gud · Accepted Answer · 2021-12-29 12:05:30Z

1

Write the path of a file in your module when you want to run it through inertia. Then put a condition in the app.js file that if it is sent through the module, this code will be executed, otherwise it will return to the desired pages in the folder pages. Like the following code:

Route::get('test',function () {
    return \Inertia\Inertia::render('modules/Faq/resources/js/Pages/Admin/Index');
});
createInertiaApp({
   title: (title) => `${title} - ${appName}`,
   resolve: (name) => name.toString().indexOf('modules') > -1 ? require(`../../${name}.vue`) : require(`./Pages/${name}.vue`),
});

edited Dec 29, 2021 at 12:05

git_gud

7011 gold badge12 silver badges30 bronze badges

answered Dec 25, 2021 at 15:35

محمد رسول زاده

111 bronze badge

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using jetstream inertia with laravel modules

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related