Fix lint (again)

theseus_gui/src/components/RowDisplay.vue

@@ -1,8 +1,8 @@
 <script setup>
-import {ChevronLeftIcon, ChevronRightIcon} from 'omorphia'
+import { ChevronLeftIcon, ChevronRightIcon } from 'omorphia'
 import Instance from '@/components/ui/Instance.vue'
 import News from '@/components/ui/News.vue'
-import {onMounted, onUnmounted, ref} from 'vue'
+import { onMounted, onUnmounted, ref } from 'vue'
 
 const props = defineProps({
   instances: {
@@ -61,23 +61,23 @@ const handleRightPage = () => {
   <div class="row">
     <div class="header">
       <p>{{ props.label }}</p>
-      <hr aria-hidden="true"/>
+      <hr aria-hidden="true" />
       <div v-if="allowPagination" class="pagination">
-        <ChevronLeftIcon @click="handleLeftPage"/>
-        <ChevronRightIcon @click="handleRightPage"/>
+        <ChevronLeftIcon @click="handleLeftPage" />
+        <ChevronRightIcon @click="handleRightPage" />
       </div>
     </div>
     <section v-if="shouldRenderNormalInstances" ref="modsRow" class="instances">
       <Instance
-          v-for="instance in props.instances"
-          :key="instance.id"
-          display="card"
-          :instance="instance"
-          class="row-instance"
+        v-for="instance in props.instances"
+        :key="instance.id"
+        display="card"
+        :instance="instance"
+        class="row-instance"
       />
     </section>
-    <section ref="newsRow" class="news" v-else-if="shouldRenderNews">
-      <News v-for="news in props.news" :key="news.id" :news="news"/>
+    <section v-else-if="shouldRenderNews" ref="newsRow" class="news">
+      <News v-for="actualNews in props.news" :key="actualNews.id" :news="actualNews" />
     </section>
   </div>
 </template>
@@ -184,4 +184,4 @@ const handleRightPage = () => {
   min-width: 12rem;
   max-width: 12rem;
 }
-</style>
+</style>