42 lines
1.2 KiB
Vue
42 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import tasks from './data/tasks.json'
|
|
import DataTable from './components/DataTable.vue'
|
|
import UserNav from './components/UserNav.vue'
|
|
import { columns } from './components/columns'
|
|
</script>
|
|
|
|
<template>
|
|
<!-- <div className="md:hidden">
|
|
<Image
|
|
src="/examples/tasks-light.png"
|
|
width={1280}
|
|
height={998}
|
|
alt="Playground"
|
|
className="block dark:hidden"
|
|
/>
|
|
<Image
|
|
src="/examples/tasks-dark.png"
|
|
width={1280}
|
|
height={998}
|
|
alt="Playground"
|
|
className="hidden dark:block"
|
|
/>
|
|
</div> -->
|
|
<div className="hidden h-full flex-1 flex-col space-y-8 p-8 md:flex">
|
|
<div className="flex items-center justify-between space-y-2">
|
|
<div>
|
|
<h2 className="text-2xl font-bold tracking-tight">
|
|
Welcome back!
|
|
</h2>
|
|
<p className="text-muted-foreground">
|
|
Here's a list of your tasks for this month!
|
|
</p>
|
|
</div>
|
|
<div className="flex items-center space-x-2">
|
|
<UserNav />
|
|
</div>
|
|
</div>
|
|
<DataTable :data="tasks" :columns="columns" />
|
|
</div>
|
|
</template>
|