vue3
code conv
<!-- Grid 영역 -->
<section>
<h2>사용자 목록 (총 {{ totalUsers }}명)</h2>
<UserGrid :rows="users" :loading="loading" />
</section>
<!-- Chart 영역 -->
<section>
<h2>월별 매출 (총 {{ totalSales }}원)</h2>
<SalesChart :data="sales" :loading="loading" />
</section>
<!-- 액션 버튼 -->
<footer>
<button @click="handleRefresh" :disabled="loading">새로고침</button>
</footer>
<!-- Grid 영역 -->
<section>
<h2>사용자 목록 (총 {{ totalUsers }}명)</h2>
<UserGrid :rows="users" :loading="loading" />
</section>
<!-- Chart 영역 -->
<section>
<h2>월별 매출 (총 {{ totalSales }}원)</h2>
<SalesChart :data="sales" :loading="loading" />
</section>
<!-- 액션 버튼 -->
<footer>
<button @click="handleRefresh" :disabled="loading">새로고침</button>
</footer>