30 lines
No EOL
623 B
Vue
30 lines
No EOL
623 B
Vue
<template>
|
|
<div>
|
|
<h1>UI Component Test</h1>
|
|
|
|
<div class="space-y-4">
|
|
<!-- Basic Button Test -->
|
|
<UButton>Test Button</UButton>
|
|
|
|
<!-- Basic Card Test -->
|
|
<UCard>
|
|
<template #header>
|
|
<h3>Test Card</h3>
|
|
</template>
|
|
<p>Card content</p>
|
|
</UCard>
|
|
|
|
<!-- Basic Input Test -->
|
|
<UInput placeholder="Test input" />
|
|
|
|
<!-- Basic Table Test -->
|
|
<UTable :columns="[{key: 'name', label: 'Name'}]" :rows="[{name: 'Test'}]" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
definePageMeta({
|
|
layout: 'admin'
|
|
})
|
|
</script> |