search

swingmx / swingmusic

Swing Music is a beautiful, self-hosted music player for your local audio files. Like a cooler Spotify ... but bring your own music.
https://swingmx.com
MIT License
718 stars 41 forks source link

Rewrite some client parts with vueuse #61

Closed cwilvx closed 2 years ago

cwilvx commented 2 years ago

Vueuse provides a wide range of helper functions that can replace a load of my code.

cwilvx commented 2 years ago

I've added some minimal animations using v-motion

cwilvx commented 2 years ago

I've used useIntersectionObserver to show a dynamic page title on the playlist and album page when the page headers are not visible. It works like a charm.

cwilvx commented 2 years ago

I want to implement useVirtualList but there's a slight problem. The container height needs to be provided. I have no idea how to provide that value keeping in mind that there are other parts of the same page that have dynamic heights.

The user should be able to browse without noticing that the container has fixed width. Phew! 🤔

cwilvx commented 2 years ago

Removed v-motion, because it worked with firefox only, had issues on our Chromium sisters.