Custom Vue Component in Laravel Nova

Question

I have a custom Vue-Component located in Laravel default path for it:

resources/js/components/MyComponent.vue

So, I installed Laravel-Nova and want to use the component inside a view partial

resources/views/vendor/nova/partials/user.blade.php

<dropdown-menu slot="menu" width="200" direction="rtl">

    <my-component></my-component>

    <ul class="list-reset">
        <li>
        ...

Where should I import the Component? In other words, where should I place the:

import MyComponent from '/path/to/my/component/MyComponent.vue'

//and

Vue.component('my-component', MyComponent)

I want to do it some way I can use inside the code of the Vue Component the Nova JavaScript Helpers, like:

this.$toasted.show('It worked!', { type: 'success' })

//or

axios.get('/nova-vendor/stripe-inspector/endpoint').then(response => {
    // ...
})

Oleksandr Roskovynskyi · Accepted Answer · 2020-05-01 15:28:59Z

0

This is an example of a similar component:

import MyLens from './components/views/Lens';

Nova.booting((Vue, router, store) => {
    router.addRoutes([{
            name: 'nova-improvements',
            path: '/nova-improvements',
            component: require('./components/Tool'),
        }])
});
Nova.booting((Vue, router, store) => {
    Vue.component('lens', MyLens)
});

answered May 1, 2020 at 15:28

Oleksandr Roskovynskyi

4294 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Custom Vue Component in Laravel Nova

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