Nav Items

Within @/plugins/custom/nav-items/index.js export multiple nav items

import defineNavItem from "@/lib/nav-item/defineNavItem"

export default ([
   defineNavItem({ id: 'product', position: 'top', name: 'Products', href: '/admin/product', icon: 'ShoppingBag' }),
])

The hooks are registered within @/plugins/custom/register.js

import definePlugin from '@/lib/module/definePlugin'
import navItems from './nav-items'

export default definePlugin({
    navItems
})

Roadmap

Explain how these nav items can be used in the front-end.