The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

VueJS Route Requirement for sectionTitle


heading: "cove",
pages: [
{
heading: "data_analytics",
route: "/analytics",
keenthemesIcon: "parcel-tracking",
bootstrapIcon: "bi-archive",
},
{
sectionTitle: "data_blueprints",
route: "/",
keenthemesIcon: "triangle",
bootstrapIcon: "bi-person",
sub: [
{
heading: "accountOverview",
route: "/crafted/account/overview",
},
{
heading: "settings",
route: "/crafted/account/settings",
},
],
},


Why does removing the route in :
sectionTitle: "data_blueprints",
route: "/",

Makes the menu item disappear? Why would we need to put a route for a parent menu item that will never route anywhere and that is only used to present child items?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


Hi,

Thank you for your feedback.

route property is required since we are using this property to highlight and open section accordion when it has an active child.

For example, pages section has routes /crafted/pages/profile/overview and /crafted/pages/profile/projects. By specifying route: "/pages" you will activate the section title for these pages.

The menu configuration isn't documented at the moment I added a task to prepare documentation explaining all menu configuration properties.

Please let us know if you have any further questions on this topic or anything else.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(