Implement basic listing and creating playlist
This commit is contained in:
@ -0,0 +1,31 @@
|
||||
<script setup lang="ts">
|
||||
import { FileMusicIcon } from 'lucide-vue-next';
|
||||
import Button from '@/components/ui/button/Button.vue';
|
||||
import Empty from '@/components/ui/empty/Empty.vue';
|
||||
import EmptyContent from '@/components/ui/empty/EmptyContent.vue';
|
||||
import EmptyDescription from '@/components/ui/empty/EmptyDescription.vue';
|
||||
import EmptyHeader from '@/components/ui/empty/EmptyHeader.vue';
|
||||
import EmptyMedia from '@/components/ui/empty/EmptyMedia.vue';
|
||||
import EmptyTitle from '@/components/ui/empty/EmptyTitle.vue';
|
||||
import PlaylistCreateDialog from './PlaylistCreateDialog.vue';
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Empty>
|
||||
<EmptyHeader>
|
||||
<EmptyMedia variant="icon">
|
||||
<FileMusicIcon />
|
||||
</EmptyMedia>
|
||||
<EmptyTitle>No playlists found</EmptyTitle>
|
||||
<EmptyDescription>No playlists found, create one right now!</EmptyDescription>
|
||||
</EmptyHeader>
|
||||
<EmptyContent>
|
||||
<PlaylistCreateDialog>
|
||||
<template #trigger>
|
||||
<Button>Create playlist</Button>
|
||||
</template>
|
||||
</PlaylistCreateDialog>
|
||||
</EmptyContent>
|
||||
</Empty>
|
||||
</template>
|
||||
Reference in New Issue
Block a user