Menu items

Menu items are the buttons on the sidebar that plugins can add to help implement their features

To add a new menu item we need to create a component to display in the sidebar and define him in the plugin setup

.is/plugins/hello/hello-sidebar.js
export default {
    template: `<div>Hello sidebar</div>`
}
.is/plugins/hello/index.js
export default {
    name: "Hello plugin",
    setup({ addMenuItem, resolve }){
        addMenuItem({
            name: 'hello',
            label: 'Hello menu',
            icon: 'mdi:human-hello-variant',
            filename: resolve('hello-sidebar.js') 
        })
    }
}

With this we can already view the new menu item

Hello app page

Edit this page on GitHub