[Frontend] minor updates - formatted by Eslint [skip ci]

Author: RobinB27

src/editor/components/LegendPane.vue

@@ -7,7 +7,9 @@
         EditorPoint
     } from '../types/annotation';
     import ColorOption from '@/components/settings/ColorOption.vue';
-    import { assignedFixationColor, machineAssignedFixationColor, selectedFixationColor, unassignedFixationColor } from '../config';
+    import {
+        assignedFixationColor, machineAssignedFixationColor, selectedFixationColor, unassignedFixationColor
+    } from '../config';
 
     const props = defineProps<{
         'show': boolean,

src/editor/components/OptionsPane.vue

@@ -11,7 +11,9 @@
     } from '../config';
     import SliderOptions from '@/components/settings/SliderOptions.vue';
     import SwitchOption from '@/components/settings/SwitchOption.vue';
-import { isAutoSaveEnabled } from '..';
+    import {
+        isAutoSaveEnabled
+    } from '..';
 </script>
 
 <template>
@@ -38,7 +40,7 @@ import { isAutoSaveEnabled } from '..';
                     :options="fixationIndexDisplayOptions"
                     text="Fixation Index"
                 />
-                <SwitchOption text="Autosave" v-model="isAutoSaveEnabled" />
+                <SwitchOption v-model="isAutoSaveEnabled" text="Autosave" />
             </div>
         </div>
     </div>

src/editor/components/SidePane.vue

@@ -79,8 +79,8 @@
         <!-- Non-collapsed -->
         <div id="tour-history" class="options-bar">
             <div v-if="!isSideBarCollapsed" title="Undo your last action" class="options-bar-left">
-                <span 
-                    class="clickable-icon" 
+                <span
+                    class="clickable-icon"
                     :class="undoAvailable ? 'undo-icon' : 'unavailable'"
                     @click="editor.undo"
                 >
@@ -116,8 +116,8 @@
             </span>
         </div>
         <div v-if="isSideBarCollapsed" class="options-bar">
-            <span 
-                class="clickable-icon" 
+            <span
+                class="clickable-icon"
                 :class="undoAvailable ? 'undo-icon' : 'unavailable'"
                 title="Undo your last action"
                 @click="editor.undo"
@@ -127,7 +127,7 @@
             </span>
         </div>
         <div v-if="isSideBarCollapsed" class="options-bar">
-            <span 
+            <span
                 class="clickable-icon"
                 :class="redoAvailable ? 'redo-icon' : 'unavailable'"
                 title="Redo your last undone action"
@@ -138,10 +138,10 @@
             </span>
         </div>
         <div v-if="isSideBarCollapsed" class="options-bar">
-            <span 
+            <span
                 class="clickable-icon"
                 :class="saveNeeded ? '' : 'unavailable'"
-                title="Save" 
+                title="Save"
                 @click="save"
             >
                 <i v-if="saveNeeded" class="fa-xl fa-solid fa-floppy-disk"></i>

src/editor/data/index.ts

@@ -25,7 +25,7 @@ export const selectedFixation = ref( -1 );
 
 export const hoveredFixation = ref( -1 );
 
-// default collapsed, by popular demand 
+// default collapsed, by popular demand
 export const isSideBarCollapsed = ref( true );
 
 export const algorithmsList: Ref<string[]> = ref( [] );

src/editor/tour/PageTour.vue

@@ -1,6 +1,8 @@
 
 <script setup lang="ts">
-import { isSideBarCollapsed } from '../data';
+    import {
+        isSideBarCollapsed
+    } from '../data';
 
     const dismiss = () => {
         localStorage.setItem( 'welcomeTourViewed', 'true' );