Implement basic listing and creating playlist

This commit is contained in:
2025-11-14 01:58:46 +05:00
parent 3186fa16e5
commit 15389b9de1
38 changed files with 810 additions and 19 deletions

View File

@ -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>