aboutsummaryrefslogtreecommitdiff
path: root/src/ui/demo/demo-wrapper.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/ui/demo/demo-wrapper.vue')
-rw-r--r--src/ui/demo/demo-wrapper.vue5
1 files changed, 5 insertions, 0 deletions
diff --git a/src/ui/demo/demo-wrapper.vue b/src/ui/demo/demo-wrapper.vue
index cc16a00..8d4bae0 100644
--- a/src/ui/demo/demo-wrapper.vue
+++ b/src/ui/demo/demo-wrapper.vue
@@ -18,6 +18,8 @@
</div>
<div flex-1 pl-4>
+ <h1>{{ componentName }}</h1>
+
<router-view />
</div>
</div>
@@ -25,9 +27,12 @@
</template>
<script lang="ts" setup>
+import _ from 'lodash';
import { demoRoutes } from './demo.routes';
const route = useRoute();
+
+const componentName = computed(() => _.startCase(String(route.name).replace(/^c-/, '')));
</script>
<style lang="less" scoped></style>