mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-28 05:08:00 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added support for charts

Browse source
This commit is contained in:
Shiny Nematoda 2022-10-02 15:41:26 +00:00
parent 0b159c9a42
commit a9d7d07e7b
No known key found for this signature in database
GPG key ID: 6506D50F5613A42D
16 changed files with 213 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/App.vue
View file

@ -1,20 +1,32 @@
<script setup>
/* Imports */
import { ref, watch, reactive, onBeforeMount, onMounted } from 'vue';
import {
ref,
watch,
reactive,
defineAsyncComponent,
onBeforeMount,
onMounted,
} from 'vue';
/* Components */
import NavBar from '@/components/NavBar.vue';
import Player from '@/components/Player.vue';
import StatusBar from '@/components/StatusBar.vue';
import NowPlaying from '@/components/NowPlaying.vue';
import Genres from '@/components/Genres.vue';
import Search from '@/components/Search.vue';
import NewPlaylist from '@/components/NewPlaylist.vue';
import Playlists from '@/components/Playlists.vue';
import Lyrics from '@/components/Lyrics.vue';
import Info from '@/components/Info.vue';
import Artist from '@/components/Artist.vue';
import Prefs from '@/components/Prefs.vue';
/* Async Components */
const Genres = defineAsyncComponent(() => import('@/components/Genres.vue')),
Charts = defineAsyncComponent(() => import('@/components/Charts.vue')),
NewPlaylist = defineAsyncComponent(() =>
import('@/components/NewPlaylist.vue'),
),
Prefs = defineAsyncComponent(() => import('@/components/Prefs.vue'));
/* Composables */
import { useStore } from '@/scripts/util.js';
@ -70,6 +82,9 @@ function parseUrl() {
genreid.value = loc[2];
nav.state.page = 'explore';
break;
case 'charts':
nav.state.page = 'charts';
break;
case 'library':
nav.state.page = 'library';
break;
@ -169,6 +184,10 @@ onMounted(() => {
<Genres v-if="nav.state.page == 'explore'" :id="genreid" />
</KeepAlive>
<KeepAlive>
<Charts v-if="nav.state.page == 'charts'" />
</KeepAlive>
<NewPlaylist
v-if="nav.state.page == 'library'"
@play-urls="playList"