Modularize BuildStats by splitting it into smaller components (StatsListSection, StatItem) for better code reusability and readability. Update MainNav to reflect this restructuring and improve the handling of dynamic styles, computed properties, and data binding.
16 lines
310 B
Vue
16 lines
310 B
Vue
<template>
|
|
<v-list :style="listStyles" bg-color="transparent" class="d-flex">
|
|
<v-list-subheader>{{ title }}:</v-list-subheader>
|
|
<slot></slot>
|
|
</v-list>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
defineProps<{
|
|
title: string
|
|
}>()
|
|
|
|
// Reusable styles
|
|
const listStyles = { borderRadius: '5px' }
|
|
</script>
|