mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-24 02:02:35 -04:00
39 lines
830 B
Vue
39 lines
830 B
Vue
<template>
|
|
<div mt-2 w-full p-8>
|
|
<h1>c-lib components</h1>
|
|
|
|
<div flex>
|
|
<div w-30 b-r b-gray b-op-10 b-r-solid pr-4>
|
|
<c-button
|
|
v-for="{ name } of demoRoutes"
|
|
:key="name"
|
|
variant="text"
|
|
:to="{ name }"
|
|
w-full
|
|
important:justify-start
|
|
:type="route.name === name ? 'primary' : 'default'"
|
|
>
|
|
{{ name }}
|
|
</c-button>
|
|
</div>
|
|
|
|
<div flex-1 pl-4>
|
|
<h1>{{ componentName }}</h1>
|
|
|
|
<router-view />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|