feat: add sidebar submenu with shadcn-vue components

[kevinwaxi]

• Implement submenu component with shadcn-vue styling
• Integrate submenu into existing navigation structure

[tnylea]

Cool, I like this. It's a good way to show an example of how to add children menu items. Can you also create a PR for this in the React Starter kit.

Thanks.

[kevinwaxi]

Can you also create a PR for this in the React Starter kit.

Sadly i'm not that familiar with react but i can try replicating the code soon.

[tnylea]

Ok, this looks good. I'll work on implementing this in the React version. Thanks for those updates.

@taylorotwell, This will add a dropdown menu in the breadcrumbs if the user provides subItems key in their breadcrumbs array (screenshot below).

This will also add dropdown options to the sidebar Nav menu. When the developer uncomments the example from the AppSidebar.Vue

//     {
//     title: 'User Management',
//     href: '#',
//     icon: Shield,
//     children: [
//       {
//         title: 'Roles',
//         href: '#',
//       },
//       {
//         title: 'Permissions',
//         href: '#',
//       },
//       {
//         title: 'Users',
//         href: '#',
//       },
//     ],
//   },

It will show a dropdown menu item in the sidebar (screenshot below)

I've tested out and everything works great.

Thanks!