[web] Minor changes

web-src/src/pages/PageSettingsWebinterface.vue

@@ -99,8 +99,7 @@
       <control-setting-integer-field
         category="webinterface"
         name="recently_added_limit"
-      >
-      </control-setting-integer-field>
+      />
     </template>
   </content-with-heading>
 </template>

web-src/src/stores/outputs.js

@@ -7,7 +7,5 @@ export const useOutputsStore = defineStore('OutputsStore', {
       this.$state = await outputs.state()
     }
   },
-  state: () => ({
-    outputs: []
-  })
+  state: () => ({ outputs: [] })
 })

web-src/src/stores/queue.js

@@ -29,9 +29,5 @@ export const useQueueStore = defineStore('QueueStore', {
       )
     }
   },
-  state: () => ({
-    count: 0,
-    items: [],
-    version: 0
-  })
+  state: () => ({ count: 0, items: [], version: 0 })
 })

web-src/src/stores/remotes.js

@@ -7,8 +7,5 @@ export const useRemotesStore = defineStore('RemotesStore', {
       this.$state = await remotes.state()
     }
   },
-  state: () => ({
-    active: false,
-    remote: ''
-  })
+  state: () => ({ active: false, remote: '' })
 })

web-src/src/stores/search.js

@@ -19,9 +19,5 @@ export const useSearchStore = defineStore('SearchStore', {
       }
     }
   },
-  state: () => ({
-    history: [],
-    query: '',
-    source: 'search-library'
-  })
+  state: () => ({ history: [], query: '', source: 'search-library' })
 })

web-src/src/stores/services.js

@@ -41,9 +41,5 @@ export const useServicesStore = defineStore('ServicesStore', {
     requiredSpotifyScopes: (state) =>
       state.spotify.webapi_required_scope?.split(' ') ?? []
   },
-  state: () => ({
-    lastfm: {},
-    spotify: {},
-    spotifyTimerId: 0
-  })
+  state: () => ({ lastfm: {}, spotify: {}, spotifyTimerId: 0 })
 })

web-src/src/stores/settings.js

@@ -81,7 +81,5 @@ export const useSettingsStore = defineStore('SettingsStore', {
     showMenuItemSearch: (state) =>
       state.get('webinterface', 'show_menu_item_search')?.value ?? false
   },
-  state: () => ({
-    categories: []
-  })
+  state: () => ({ categories: [] })
 })

web-src/src/templates/ContentWithHero.vue

@@ -36,14 +36,12 @@ export default {
 <style lang="scss" scoped>
 @use 'bulma/sass/utilities/mixins';
 
-.column {
-  &.has-image {
-    @include mixins.mobile {
-      justify-content: center;
-    }
-    @include mixins.tablet {
-      justify-content: right;
-    }
+.has-image {
+  @include mixins.mobile {
+    justify-content: center;
+  }
+  @include mixins.tablet {
+    justify-content: right;
   }
 }
 </style>