fix(front): reload content on ordering options update

front/src/components/library/Albums.vue

@@ -105,7 +105,7 @@ const fetchData = async () => {
 
 const store = useStore()
 watch(() => store.state.moderation.lastUpdate, fetchData)
-watch([page, tags, q, () => props.scope], fetchData)
+watch([page, tags, q, ordering, orderingDirection, () => props.scope], fetchData)
 fetchData()
 
 const search = () => {

front/src/components/library/Artists.vue

@@ -107,7 +107,7 @@ const fetchData = async () => {
 
 const store = useStore()
 watch([() => store.state.moderation.lastUpdate, excludeCompilation], fetchData)
-watch([page, tags, q, () => props.scope], fetchData)
+watch([page, tags, q, ordering, orderingDirection, () => props.scope], fetchData)
 fetchData()
 
 const search = () => {

front/src/components/library/Radios.vue

@@ -91,7 +91,7 @@ const store = useStore()
 const isAuthenticated = computed(() => store.state.auth.authenticated)
 const hasFavorites = computed(() => store.state.favorites.count > 0)
 
-watch([page, q, () => props.scope], fetchData)
+watch([page, q, ordering, orderingDirection, () => props.scope], fetchData)
 fetchData()
 
 const search = () => {

front/src/views/channels/List.vue

@@ -120,7 +120,7 @@ watch(() => store.state.moderation.lastUpdate, fetchData)
 
 const reloadWidget = () => (widgetKey.value = new Date().toLocaleString())
 
-watch([page, tags, q], fetchData)
+watch([page, tags, q, ordering, orderingDirection,], fetchData)
 
 const search = () => {
   page.value = 1

front/src/views/playlists/List.vue

@@ -90,7 +90,7 @@ const fetchData = async () => {
     isLoading.value = false
   }
 }
-watch([page, q, () => props.scope], fetchData)
+watch([page, q, ordering, orderingDirection, () => props.scope], fetchData)
 fetchData()
 
 const search = () => {