some bug fixes

- watch route params instead of route object in folderview
- move to script setup on album view
- use album as a reactive object instead of refs
- use axios instead of fetch to get album data
- improve clickable areas on songItem
- move album requests to POST
This commit is contained in:
geoffrey45
2022-03-01 19:46:37 +03:00
parent 8459310258
commit 6efbb47166
17 changed files with 229 additions and 183 deletions
+40
View File
@@ -0,0 +1,40 @@
<template>
<div class="loaderx" :class="{ loader: loading, not_loader: !loading }">
<div v-if="!loading">😹</div>
</div>
</template>
<script setup>
import state from "@/composables/state.js";
const loading = state.loading
</script>
<style lang="scss">
.loaderx {
position: absolute;
top: 0.65rem;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
}
.loader {
border: dotted $blue;
animation: spin 0.25s linear infinite;
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
}
.not_loader {
display: grid;
place-items: center;
}
</style>