From f5484970f91fa1278c05621fa0b271b403f230ce Mon Sep 17 00:00:00 2001
From: NicolasMerget <Nicolas.Merget@deutschebahn.com>
Date: Wed, 10 Apr 2024 15:53:16 +0200
Subject: [PATCH] fix: wrong docs for vue main-navigation

---
 showcases/shared/main-navigation.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/showcases/shared/main-navigation.json b/showcases/shared/main-navigation.json
index 793fc96d989..ff8a003d5ab 100644
--- a/showcases/shared/main-navigation.json
+++ b/showcases/shared/main-navigation.json
@@ -10,7 +10,7 @@
 					"html": "<nav class=\"db-main-navigation\">\n\t\t<menu>\n\t\t\t<li class=\"db-navigation-item\" aria-current=\"page\">\n\t\t\t\t<button\n\t\t\t\t\tclass=\"db-navigation-item-expand-button\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t>\n\t\t\t\t\tNavi-Item 1\n\t\t\t\t</button>\n\t\t\t\t<menu class=\"db-sub-navigation\">\n\t\t\t\t\t<li class=\"db-navigation-item\" aria-current=\"page\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"db-navigation-item-expand-button\"\n\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tSub-Navi-Item 1\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<menu class=\"db-sub-navigation\">\n\t\t\t\t\t\t\t<li class=\"db-navigation-item\" aria-current=\"page\">\n\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t\t<li class=\"db-navigation-item\">\n\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t</menu>\n\t\t\t\t\t</li>\n\n\t\t\t\t\t<li class=\"db-navigation-item\">\n\t\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t\t</li>\n\t\t\t\t</menu>\n\t\t\t</li>\n\n\t\t\t<li class=\"db-navigation-item\" data-icon=\"account\">\n\t\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t\t</li>\n\n\t\t\t<li class=\"db-navigation-item\" aria-disabled=\"true\">\n\t\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t\t</li>\n\t\t</menu>\n\t</nav>",
 					"angular": "<db-main-navigation>\n\t<db-navigation-item [active]=\"true\">\n\t\t<ng-container sub-navigation>\n\t\t\t<db-navigation-item [active]=\"true\">\n\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\tSub-Navi-Item 1\n\t\t\t\t</ng-container>\n\t\t\t\t<ng-container sub-navigation>\n\t\t\t\t\t<db-navigation-item [active]=\"true\">\n\t\t\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t</db-navigation-item>\n\t\t\t\t\t<db-navigation-item>\n\t\t\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t</db-navigation-item>\n\t\t\t\t</ng-container>\n\t\t\t</db-navigation-item>\n\t\t\t<db-navigation-item>\n\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t</ng-container>\n\t\t\t</db-navigation-item>\n\t\t</ng-container>\n\t\t<ng-container *dbNavigationContent> Navi-Item 1 </ng-container>\n\t</db-navigation-item>\n\t<db-navigation-item icon=\"account\">\n\t\t<ng-container *dbNavigationContent>\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</ng-container>\n\t</db-navigation-item>\n\t<db-navigation-item [disabled]=\"true\">\n\t\t<ng-container *dbNavigationContent>\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</ng-container>\n\t</db-navigation-item>\n</db-main-navigation>",
 					"react": "<DBMainNavigation>\n\t\t<DBNavigationItem\n\t\t\tactive\n\t\t\tslotSubNavigation={\n\t\t\t\t<>\n\t\t\t\t\t<DBNavigationItem\n\t\t\t\t\t\tactive\n\t\t\t\t\t\tslotSubNavigation={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<DBNavigationItem active>\n\t\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\tSub-Navi-Item 1\n\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t</>\n\t\t\t}\n\t\t>\n\t\t\tNavi-Item 1\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem icon=\"account\">\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem disabled>\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</DBNavigationItem>\n\t</DBMainNavigation>",
-					"vue": "<DBMainNavigation>\n\t\t<DBNavigationItem :active=\"true\">\n\t\t\tNavi-Item 1\n\t\t\t<template v-slot:sub-navigation>\n\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\tSub-Navi-Item 1\n\n\t\t\t\t\t<template v-slot:sub-navigation>\n\t\t\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t</template>\n\t\t\t\t</DBNavigationItem>\n\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t</DBNavigationItem>\n\t\t\t</template>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem icon=\"account\">\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem :disabled=\"true\">\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</DBNavigationItem>\n\t</DBMainNavigation>"
+					"vue": "<DBMainNavigation>\n\t\t<DBNavigationItem :active=\"true\">\n\t\t\tNavi-Item 1\n\t\t\t<template v-slot:subnavigation>\n\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\tSub-Navi-Item 1\n\n\t\t\t\t\t<template v-slot:subnavigation>\n\t\t\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t</template>\n\t\t\t\t</DBNavigationItem>\n\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t</DBNavigationItem>\n\t\t\t</template>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem icon=\"account\">\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem :disabled=\"true\">\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</DBNavigationItem>\n\t</DBMainNavigation>"
 				}
 			},
 			{
@@ -21,7 +21,7 @@
 					"html": "<nav class=\"db-main-navigation\">\n\t\t<menu>\n\t\t\t<li class=\"db-navigation-item\" aria-current=\"page\">\n\t\t\t\t<button\n\t\t\t\t\tclass=\"db-navigation-item-expand-button\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t>\n\t\t\t\t\tNavi-Item 1\n\t\t\t\t</button>\n\t\t\t\t<menu class=\"db-sub-navigation\">\n\t\t\t\t\t<li class=\"db-navigation-item\" aria-current=\"page\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"db-navigation-item-expand-button\"\n\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tSub-Navi-Item 1\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<menu class=\"db-sub-navigation\">\n\t\t\t\t\t\t\t<li class=\"db-navigation-item\" aria-current=\"page\">\n\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t\t<li class=\"db-navigation-item\">\n\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t</menu>\n\t\t\t\t\t</li>\n\n\t\t\t\t\t<li class=\"db-navigation-item\">\n\t\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t\t</li>\n\t\t\t\t</menu>\n\t\t\t</li>\n\n\t\t\t<li class=\"db-navigation-item\" data-icon=\"account\">\n\t\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t\t</li>\n\n\t\t\t<li class=\"db-navigation-item\" aria-disabled=\"true\">\n\t\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t\t</li>\n\t\t</menu>\n\t</nav>",
 					"angular": "<db-main-navigation>\n\t<db-navigation-item [active]=\"true\">\n\t\t<ng-container sub-navigation>\n\t\t\t<db-navigation-item [active]=\"true\">\n\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\tSub-Navi-Item 1\n\t\t\t\t</ng-container>\n\t\t\t\t<ng-container sub-navigation>\n\t\t\t\t\t<db-navigation-item [active]=\"true\">\n\t\t\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t</db-navigation-item>\n\t\t\t\t\t<db-navigation-item>\n\t\t\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t</db-navigation-item>\n\t\t\t\t</ng-container>\n\t\t\t</db-navigation-item>\n\t\t\t<db-navigation-item>\n\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t</ng-container>\n\t\t\t</db-navigation-item>\n\t\t</ng-container>\n\t\t<ng-container *dbNavigationContent> Navi-Item 1 </ng-container>\n\t</db-navigation-item>\n\t<db-navigation-item icon=\"account\">\n\t\t<ng-container *dbNavigationContent>\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</ng-container>\n\t</db-navigation-item>\n\t<db-navigation-item [disabled]=\"true\">\n\t\t<ng-container *dbNavigationContent>\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</ng-container>\n\t</db-navigation-item>\n</db-main-navigation>",
 					"react": "<DBMainNavigation>\n\t\t<DBNavigationItem\n\t\t\tactive\n\t\t\tslotSubNavigation={\n\t\t\t\t<>\n\t\t\t\t\t<DBNavigationItem\n\t\t\t\t\t\tactive\n\t\t\t\t\t\tslotSubNavigation={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<DBNavigationItem active>\n\t\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\tSub-Navi-Item 1\n\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t</>\n\t\t\t}\n\t\t>\n\t\t\tNavi-Item 1\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem icon=\"account\">\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem disabled>\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</DBNavigationItem>\n\t</DBMainNavigation>",
-					"vue": "<DBMainNavigation>\n\t\t<DBNavigationItem :active=\"true\">\n\t\t\tNavi-Item 1\n\t\t\t<template v-slot:sub-navigation>\n\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\tSub-Navi-Item 1\n\n\t\t\t\t\t<template v-slot:sub-navigation>\n\t\t\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t</template>\n\t\t\t\t</DBNavigationItem>\n\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t</DBNavigationItem>\n\t\t\t</template>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem icon=\"account\">\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem :disabled=\"true\">\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</DBNavigationItem>\n\t</DBMainNavigation>"
+					"vue": "<DBMainNavigation>\n\t\t<DBNavigationItem :active=\"true\">\n\t\t\tNavi-Item 1\n\t\t\t<template v-slot:subnavigation>\n\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\tSub-Navi-Item 1\n\n\t\t\t\t\t<template v-slot:subnavigation>\n\t\t\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t</template>\n\t\t\t\t</DBNavigationItem>\n\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t</DBNavigationItem>\n\t\t\t</template>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem icon=\"account\">\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem :disabled=\"true\">\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</DBNavigationItem>\n\t</DBMainNavigation>"
 				}
 			},
 			{
@@ -32,7 +32,7 @@
 					"html": "<nav class=\"db-main-navigation\">\n\t\t<menu>\n\t\t\t<li class=\"db-navigation-item\" aria-current=\"page\">\n\t\t\t\t<button\n\t\t\t\t\tclass=\"db-navigation-item-expand-button\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t>\n\t\t\t\t\tNavi-Item 1\n\t\t\t\t</button>\n\t\t\t\t<menu class=\"db-sub-navigation\">\n\t\t\t\t\t<li class=\"db-navigation-item\" aria-current=\"page\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"db-navigation-item-expand-button\"\n\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tSub-Navi-Item 1\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<menu class=\"db-sub-navigation\">\n\t\t\t\t\t\t\t<li class=\"db-navigation-item\" aria-current=\"page\">\n\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t\t<li class=\"db-navigation-item\">\n\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t</menu>\n\t\t\t\t\t</li>\n\n\t\t\t\t\t<li class=\"db-navigation-item\">\n\t\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t\t</li>\n\t\t\t\t</menu>\n\t\t\t</li>\n\n\t\t\t<li class=\"db-navigation-item\" data-icon=\"account\">\n\t\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t\t</li>\n\n\t\t\t<li class=\"db-navigation-item\" aria-disabled=\"true\">\n\t\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t\t</li>\n\t\t</menu>\n\t</nav>",
 					"angular": "<db-main-navigation>\n\t<db-navigation-item [active]=\"true\">\n\t\t<ng-container sub-navigation>\n\t\t\t<db-navigation-item [active]=\"true\">\n\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\tSub-Navi-Item 1\n\t\t\t\t</ng-container>\n\t\t\t\t<ng-container sub-navigation>\n\t\t\t\t\t<db-navigation-item [active]=\"true\">\n\t\t\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t</db-navigation-item>\n\t\t\t\t\t<db-navigation-item>\n\t\t\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t</db-navigation-item>\n\t\t\t\t</ng-container>\n\t\t\t</db-navigation-item>\n\t\t\t<db-navigation-item>\n\t\t\t\t<ng-container *dbNavigationContent>\n\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t</ng-container>\n\t\t\t</db-navigation-item>\n\t\t</ng-container>\n\t\t<ng-container *dbNavigationContent> Navi-Item 1 </ng-container>\n\t</db-navigation-item>\n\t<db-navigation-item icon=\"account\">\n\t\t<ng-container *dbNavigationContent>\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</ng-container>\n\t</db-navigation-item>\n\t<db-navigation-item [disabled]=\"true\">\n\t\t<ng-container *dbNavigationContent>\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</ng-container>\n\t</db-navigation-item>\n</db-main-navigation>",
 					"react": "<DBMainNavigation>\n\t\t<DBNavigationItem\n\t\t\tactive\n\t\t\tslotSubNavigation={\n\t\t\t\t<>\n\t\t\t\t\t<DBNavigationItem\n\t\t\t\t\t\tactive\n\t\t\t\t\t\tslotSubNavigation={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<DBNavigationItem active>\n\t\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\tSub-Navi-Item 1\n\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t</>\n\t\t\t}\n\t\t>\n\t\t\tNavi-Item 1\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem icon=\"account\">\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem disabled>\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</DBNavigationItem>\n\t</DBMainNavigation>",
-					"vue": "<DBMainNavigation>\n\t\t<DBNavigationItem :active=\"true\">\n\t\t\tNavi-Item 1\n\t\t\t<template v-slot:sub-navigation>\n\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\tSub-Navi-Item 1\n\n\t\t\t\t\t<template v-slot:sub-navigation>\n\t\t\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t</template>\n\t\t\t\t</DBNavigationItem>\n\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t</DBNavigationItem>\n\t\t\t</template>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem icon=\"account\">\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem :disabled=\"true\">\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</DBNavigationItem>\n\t</DBMainNavigation>"
+					"vue": "<DBMainNavigation>\n\t\t<DBNavigationItem :active=\"true\">\n\t\t\tNavi-Item 1\n\t\t\t<template v-slot:subnavigation>\n\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\tSub-Navi-Item 1\n\n\t\t\t\t\t<template v-slot:subnavigation>\n\t\t\t\t\t\t<DBNavigationItem :active=\"true\">\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 1</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t\t\t<a href=\"#\">Sub-Sub-Navi-Item 2</a>\n\t\t\t\t\t\t</DBNavigationItem>\n\t\t\t\t\t</template>\n\t\t\t\t</DBNavigationItem>\n\t\t\t\t<DBNavigationItem>\n\t\t\t\t\t<a href=\"#\">Sub-Navi-Item 2</a>\n\t\t\t\t</DBNavigationItem>\n\t\t\t</template>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem icon=\"account\">\n\t\t\t<a href=\"#\">Navi-Item 2</a>\n\t\t</DBNavigationItem>\n\t\t<DBNavigationItem :disabled=\"true\">\n\t\t\t<a href=\"#\">Navi-Item 3</a>\n\t\t</DBNavigationItem>\n\t</DBMainNavigation>"
 				}
 			}
 		]