Introduce reusable UI components (AppShell, EntityCard, PageHeader) Implement Pokemon-themed CSS variables and responsive grids Refactor all views to adopt the new component structure
18 lines
328 B
Vue
18 lines
328 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
title: string;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<section class="detail-section">
|
|
<div class="detail-section__header">
|
|
<h2>{{ title }}</h2>
|
|
<slot name="actions"></slot>
|
|
</div>
|
|
<div class="detail-section__body">
|
|
<slot></slot>
|
|
</div>
|
|
</section>
|
|
</template>
|