[web] Fix lint errors

web-src/src/main.js

@@ -1,17 +1,16 @@
+import './mystyles.scss'
+import App from './App.vue'
 import { createApp } from 'vue'
+import { filters } from './filter'
 import i18n from './i18n'
-import store from './store'
-import { router } from './router'
-import VueProgressBar from '@aacassandra/vue3-progressbar'
+import { icons } from './icons'
+import mdiVue from 'mdi-vue/v3'
 import VueClickAway from 'vue3-click-away'
 import VueLazyLoad from 'vue3-lazyload'
+import VueProgressBar from '@aacassandra/vue3-progressbar'
 import VueScrollTo from 'vue-scrollto'
-import mdiVue from 'mdi-vue/v3'
-import { filters } from './filter'
-import { icons } from './icons'
-import App from './App.vue'
-
-import './mystyles.scss'
+import { router } from './router'
+import store from './store'
 
 const app = createApp(App)
   .use(store)
@@ -24,7 +23,7 @@ const app = createApp(App)
   })
   .use(VueScrollTo)
   .use(mdiVue, {
-    icons: icons
+    icons
   })
   .use(i18n)
 

web-src/src/pages/PageBrowse.vue

@@ -16,8 +16,8 @@
             <router-link
               class="button is-light is-small is-rounded"
               :to="{ name: 'music-browse-recently-added' }"
-              v-text="$t('page.browse.show-more')"
-            />
+              >{{ $t('page.browse.show-more') }}</router-link
+            >
           </p>
         </nav>
       </template>
@@ -40,8 +40,8 @@
             <router-link
               class="button is-light is-small is-rounded"
               :to="{ name: 'music-browse-recently-played' }"
-              v-text="$t('page.browse.show-more')"
-            />
+              >{{ $t('page.browse.show-more') }}</router-link
+            >
           </p>
         </nav>
       </template>
@@ -83,7 +83,7 @@ const dataObject = {
 
 export default {
   name: 'PageBrowse',
-  components: { ContentWithHeading, TabsMusic, ListAlbums, ListTracks },
+  components: { ContentWithHeading, ListAlbums, ListTracks, TabsMusic },
 
   beforeRouteEnter(to, from, next) {
     dataObject.load(to).then((response) => {
@@ -103,9 +103,8 @@ export default {
     return {
       recently_added: [],
       recently_played: { items: [] },
-
-      show_track_details_modal: false,
-      selected_track: {}
+      selected_track: {},
+      show_track_details_modal: false
     }
   }
 }