now uses the island

This commit is contained in:
2026-02-03 02:05:12 +00:00
parent 9ed9269786
commit 2aa652d169

View File

@@ -71,7 +71,64 @@ import { h } from 'vue'
status: 'paid', status: 'paid',
email: 'ethan.harris@example.com', email: 'ethan.harris@example.com',
amount: 639 amount: 639
} },
{
id: '4595',
date: '2024-03-10T15:55:00',
status: 'paid',
email: 'ethan.harris@example.com',
amount: 639
},
{
id: '4593',
date: '2024-03-10T15:55:00',
status: 'paid',
email: 'ethan.harris@example.com',
amount: 639
},
{
id: '4592',
date: '2024-03-10T15:55:00',
status: 'paid',
email: 'ethan.harris@example.com',
amount: 639
},
{
id: '4591',
date: '2024-03-10T15:55:00',
status: 'paid',
email: 'ethan.harris@example.com',
amount: 639
},
{
id: '4590',
date: '2024-03-10T15:55:00',
status: 'paid',
email: 'ethan.harris@example.com',
amount: 639
},
{
id: '4589',
date: '2024-03-10T15:55:00',
status: 'paid',
email: 'ethan.harris@example.com',
amount: 639
},
{
id: '4588',
date: '2024-03-10T15:55:00',
status: 'paid',
email: 'ethan.harris@example.com',
amount: 639
},
{
id: '4587',
date: '2024-03-10T15:55:00',
status: 'paid',
email: 'ethan.harris@example.com',
amount: 639
},
]) ])
const table_headers: TableColumn<Payment>[] = [ const table_headers: TableColumn<Payment>[] = [
@@ -119,10 +176,11 @@ import { h } from 'vue'
} }
] ]
</script> </script>
<template> <template>
<DashboardRoundedHeader title="Dashboard"/> <DashboardIslandHeader title="Dashboard"/>
<UContainer class="max-w-full"> <UContainer class="max-w-full">
<div class="mt-3 mb-3 flex flex-col w-full relative z-0"> <div class="mt-3 mb-3 flex flex-col w-full relative z-0">
<ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2> <ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
@@ -131,7 +189,7 @@ import { h } from 'vue'
</div> </div>
<!--<div class="mx-auto max-w-220">--> <!--<div class="mx-auto max-w-220">-->
<UPageGrid class="lg:grid-cols-3 lg:gap-0 not-lg:gap-3"> <UPageGrid class="lg:grid-cols-3 lg:gap-0 not-lg:gap-3 mt-4 mb-4">
<UPageCard <UPageCard
v-for="card in cards" v-for="card in cards"
:title="card.title" :title="card.title"