diff --git a/package-lock.json b/package-lock.json
index fb2c7fc6c85..73a2bd0e9ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3852,9 +3852,9 @@
       }
     },
     "node_modules/@builder.io/mitosis": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@builder.io/mitosis/-/mitosis-0.2.4.tgz",
-      "integrity": "sha512-itUljsxJ7NBf0p4NvXkFX2So80jjw/8HFqiLLve+vm8t1fxkCAuFxWl7FiMdrhmdsXCiwOX/mHssj00dKJWIdQ==",
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@builder.io/mitosis/-/mitosis-0.2.6.tgz",
+      "integrity": "sha512-NLart8jVQ/lq5ena68rlLGLLGDG91Kp5iseXb2evHMhbjeb1fHeHYNggoWRjkmIDHsE+5hwYf3YbXcbONfnydA==",
       "dev": true,
       "dependencies": {
         "@angular/compiler": "^11.2.11",
@@ -3885,13 +3885,13 @@
       }
     },
     "node_modules/@builder.io/mitosis-cli": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@builder.io/mitosis-cli/-/mitosis-cli-0.2.4.tgz",
-      "integrity": "sha512-sEhEHSztxBy2P+bYiciwGbx1j75whOcPHBacS+2hsklwBKKU3eNjzgYUGiUvtZIWHpkMcbiYiKiva5E0wmGANw==",
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@builder.io/mitosis-cli/-/mitosis-cli-0.2.6.tgz",
+      "integrity": "sha512-qkj59k2u3MEicyRBrdGI2EYx18oLSjWF08fCRNwfdn0bfISdDtoCY2/qiYHqy/xatqrGvAhkO35rlMNTY1lBbQ==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.17.8",
-        "@builder.io/mitosis": "0.2.4",
+        "@builder.io/mitosis": "0.2.6",
         "@vue/compiler-sfc": "^3.1.5",
         "babel-preset-solid": "^1.3.13",
         "chalk": "^4.1.0",
@@ -31011,8 +31011,8 @@
       },
       "devDependencies": {
         "@builder.io/eslint-plugin-mitosis": "^0.0.15",
-        "@builder.io/mitosis": "^0.2.4",
-        "@builder.io/mitosis-cli": "^0.2.4",
+        "@builder.io/mitosis": "^0.2.6",
+        "@builder.io/mitosis-cli": "^0.2.6",
         "@react-docgen/cli": "^2.0.3",
         "cpr": "3.0.1",
         "cssnano": "^6.1.2",
diff --git a/packages/components/package.json b/packages/components/package.json
index 9f3c58d8473..e49098b2e47 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -47,8 +47,8 @@
   },
   "devDependencies": {
     "@builder.io/eslint-plugin-mitosis": "^0.0.15",
-    "@builder.io/mitosis": "^0.2.4",
-    "@builder.io/mitosis-cli": "^0.2.4",
+    "@builder.io/mitosis": "^0.2.6",
+    "@builder.io/mitosis-cli": "^0.2.6",
     "@react-docgen/cli": "^2.0.3",
     "cpr": "3.0.1",
     "cssnano": "^6.1.2",
diff --git a/packages/components/src/components/navigation/navigation.spec.tsx b/packages/components/src/components/navigation/navigation.spec.tsx
index 9ca8ad6bc5c..4ee3ffb95ba 100644
--- a/packages/components/src/components/navigation/navigation.spec.tsx
+++ b/packages/components/src/components/navigation/navigation.spec.tsx
@@ -15,7 +15,7 @@ const comp: any = (
 					<a href="#">Sub1</a>
 				</DBNavigationItem>
 			}>
-			{/*<template v-slot:subnavigation>
+			{/*<template v-slot:sub-navigation>
 					<DBNavigationItem data-testid="sub1">
 					<a href="#">Sub1</a>
 				</DBNavigationItem>
diff --git a/showcases/vue-showcase/src/App.vue b/showcases/vue-showcase/src/App.vue
index 6775405c6ca..7e9367b3033 100644
--- a/showcases/vue-showcase/src/App.vue
+++ b/showcases/vue-showcase/src/App.vue
@@ -89,7 +89,7 @@ const sortedNavigation = getSortedNavigationItems(navigationItems);
 						<NavItemComponent :navItem="item"></NavItemComponent>
 					</template>
 				</DBNavigation>
-				<template v-slot:calltoaction>
+				<template v-slot:call-to-action>
 					<DBButton
 						icon="magnifying_glass"
 						variant="ghost"
@@ -98,7 +98,7 @@ const sortedNavigation = getSortedNavigationItems(navigationItems);
 						Search
 					</DBButton>
 				</template>
-				<template v-slot:actionbar>
+				<template v-slot:action-bar>
 					<DBButton icon="user" variant="ghost" :no-text="true">
 						Profile
 					</DBButton>
@@ -113,7 +113,7 @@ const sortedNavigation = getSortedNavigationItems(navigationItems);
 						Help
 					</DBButton>
 				</template>
-				<template v-slot:metanavigation>
+				<template v-slot:meta-navigation>
 					<DBSelect
 						label="Density"
 						variant="floating"
diff --git a/showcases/vue-showcase/src/NavItemComponent.vue b/showcases/vue-showcase/src/NavItemComponent.vue
index d1270e4f7db..6112e07983a 100644
--- a/showcases/vue-showcase/src/NavItemComponent.vue
+++ b/showcases/vue-showcase/src/NavItemComponent.vue
@@ -9,7 +9,7 @@ defineProps<{
 
 <template>
 	<DBNavigationItem :backButtonText="`Back to ${navItem.label}`">
-		<template v-if="navItem.subNavigation" v-slot:subnavigation>
+		<template v-if="navItem.subNavigation" v-slot:sub-navigation>
 			<template v-for="item of navItem.subNavigation">
 				<NavItemComponent :navItem="item"></NavItemComponent>
 			</template>
diff --git a/showcases/vue-showcase/src/components/navigation-item/NavigationItem.vue b/showcases/vue-showcase/src/components/navigation-item/NavigationItem.vue
index 77bf403cfe2..2ca80399c0e 100644
--- a/showcases/vue-showcase/src/components/navigation-item/NavigationItem.vue
+++ b/showcases/vue-showcase/src/components/navigation-item/NavigationItem.vue
@@ -3,7 +3,7 @@ import DefaultComponent from "../DefaultComponent.vue";
 import defaultComponentVariants from "../../../../shared/navigation-item.json";
 import { DBNavigationItem } from "../../../../../output/vue/src";
 
-const log = (exampleName: string) => {
+const log = (exampleName?: string) => {
 	// eslint-disable-next-line no-alert
 	alert(exampleName);
 };
diff --git a/showcases/vue-showcase/src/components/navigation/Navigation.vue b/showcases/vue-showcase/src/components/navigation/Navigation.vue
index 140a5f4f14d..1b2f51e3949 100644
--- a/showcases/vue-showcase/src/components/navigation/Navigation.vue
+++ b/showcases/vue-showcase/src/components/navigation/Navigation.vue
@@ -14,11 +14,11 @@ import { DBNavigation, DBNavigationItem } from "../../../../../output/vue/src";
 				<DBNavigation>
 					<DBNavigationItem :active="true">
 						Navi-Item 1
-						<template v-slot:subnavigation>
+						<template v-slot:sub-navigation>
 							<DBNavigationItem :active="true">
 								Sub-Navi-Item 1
 
-								<template v-slot:subnavigation>
+								<template v-slot:sub-navigation>
 									<DBNavigationItem :active="true">
 										<a href="#">Sub-Sub-Navi-Item 1</a>
 									</DBNavigationItem>