style: fix linting

front/src/App.vue

@@ -81,15 +81,27 @@ store.dispatch('auth/fetchUser')
 </script>
 
 <template>
-  <div :key="store.state.instance.instanceUrl" :class="{
+  <div
-    'has-bottom-player': tracks.length > 0,
+    :key="store.state.instance.instanceUrl"
-    'queue-focused': store.state.ui.queueFocused
+    :class="{
-  }">
+      'has-bottom-player': tracks.length > 0,
+      'queue-focused': store.state.ui.queueFocused
+    }"
+  >
     <!-- here, we display custom stylesheets, if any -->
-    <link v-for="url in customStylesheets" :key="url" rel="stylesheet" property="stylesheet" :href="url">
+    <link
+      v-for="url in customStylesheets"
+      :key="url"
+      rel="stylesheet"
+      property="stylesheet"
+      :href="url"
+    >
 
-    <sidebar :width="width" @show:set-instance-modal="showSetInstanceModal = !showSetInstanceModal"
+    <sidebar
-      @show:shortcuts-modal="toggleShortcutsModal" />
+      :width="width"
+      @show:set-instance-modal="showSetInstanceModal = !showSetInstanceModal"
+      @show:shortcuts-modal="toggleShortcutsModal"
+    />
     <set-instance-modal v-model:show="showSetInstanceModal" />
     <service-messages />
     <transition name="queue">

front/src/main.ts

@@ -22,11 +22,11 @@ logger.debug('Environment variables:', import.meta.env)
 const app = createApp({
   name: 'Root',
   data: () => ({ ready: false }),
-  mounted() {
+  mounted () {
     this.ready = true
     logger.info('Everything loaded!')
   },
-  render() {
+  render () {
     if (this.ready) {
       return h(defineAsyncComponent(() => import('~/App.vue')))
     }