Add eslint

app/pages/hunt/[huntSlug]/[questSlug]/admin.vue

@@ -17,9 +17,7 @@ const { huntSlug } = app.$slugData;
 const { name, id } = app.$slugData.questSlug!;
 const titleStore = useTitleStore();
 
-const { data, pending, refresh, error } = await useFetch(
-  `/api/admin/quest/${id}`
-);
+const { data, refresh } = await useFetch(`/api/admin/quest/${id}`);
 
 useHead({
   title: t('layouts.title', {
@@ -37,42 +35,48 @@ titleStore.title = data.value ? tKey(data.value, 'title').value : undefined;
 </script>
 
 <template>
-  <h1>quest admin</h1>
-  <VaButtonGroup>
-    <VaButton
-      icon="arrow_back"
-      :to="
-        $localePath(
-          `/hunt/${data ? tSluggy(data.hunt).value : sluggy(huntSlug!)}`
-        )
-      "
-      >Back to Hunt</VaButton
-    >
-    <VaButton icon="replay" color="success" @click="refresh">Refresh</VaButton>
-  </VaButtonGroup>
-  <div class="grid grid-cols-2 gap-2 p-2 md:flex md:flex-row">
-    <VaChip outline>In progress</VaChip>
-    <VaChip color="primary">Reviewable</VaChip>
-    <VaChip color="danger">Review or Score missing</VaChip>
-    <VaChip color="success">Reviewed</VaChip>
+  <div>
+    <h1>quest admin</h1>
+    <VaButtonGroup>
+      <VaButton
+        icon="arrow_back"
+        :to="
+          $localePath(
+            `/hunt/${data ? tSluggy(data.hunt).value : sluggy(huntSlug!)}`
+          )
+        "
+        >Back to Hunt</VaButton
+      >
+      <VaButton icon="replay" color="success" @click="refresh"
+        >Refresh</VaButton
+      >
+    </VaButtonGroup>
+    <div class="grid grid-cols-2 gap-2 p-2 md:flex md:flex-row">
+      <VaChip outline>In progress</VaChip>
+      <VaChip color="primary">Reviewable</VaChip>
+      <VaChip color="danger">Review or Score missing</VaChip>
+      <VaChip color="success">Reviewed</VaChip>
+    </div>
+    <div v-if="data">
+      <p>{{ data.points }} Points</p>
+      <p v-if="data.extraPoints">{{ data.extraPoints }} Extra points</p>
+      <p v-if="hasKey(data, 'extraText')">
+        Extra: {{ tKey(data, 'extraText') }}
+      </p>
+    </div>
+    <div v-if="data && data.answers.length > 0">
+      <VaAccordion multiple stateful>
+        <AdminAnswer
+          v-for="answer in data.answers"
+          :key="answer.id"
+          :answer="answer"
+          :quest="data"
+          @update="refresh"
+        />
+      </VaAccordion>
+    </div>
+    <p v-else>No answers yet</p>
   </div>
-  <div v-if="data">
-    <p>{{ data.points }} Points</p>
-    <p v-if="data.extraPoints">{{ data.extraPoints }} Extra points</p>
-    <p v-if="hasKey(data, 'extraText')">Extra: {{ tKey(data, 'extraText') }}</p>
-  </div>
-  <div v-if="data && data.answers.length > 0">
-    <VaAccordion multiple stateful>
-      <AdminAnswer
-        v-for="answer in data.answers"
-        :key="answer.id"
-        :answer="answer"
-        :quest="data"
-        @update="refresh"
-      />
-    </VaAccordion>
-  </div>
-  <p v-else>No answers yet</p>
 </template>
 
 <style scoped></style>