From c9aefa81ca1950121d2357fc66afe15eb400f537 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Fri, 15 Mar 2024 00:13:40 +0000
Subject: Fix eslint errors

---
 components/loader/LoaderDiscardSessionModal.vue | 24 +++++++++++++-------
 components/loader/LoaderFileSystemButton.vue    | 13 +++++++----
 components/loader/LoaderFileSystemModal.vue     | 29 +++++++++++++++++--------
 components/loader/LoaderImportButton.vue        | 16 +++++++++-----
 components/loader/LoaderNetworkButton.vue       |  5 ++---
 components/loader/LoaderTestDataButton.vue      |  4 ++--
 components/loader/LoaderTestDataModal.vue       | 16 ++++++++------
 7 files changed, 68 insertions(+), 39 deletions(-)

(limited to 'components/loader')

diff --git a/components/loader/LoaderDiscardSessionModal.vue b/components/loader/LoaderDiscardSessionModal.vue
index 845b10a..6f5ed02 100644
--- a/components/loader/LoaderDiscardSessionModal.vue
+++ b/components/loader/LoaderDiscardSessionModal.vue
@@ -5,7 +5,7 @@ const showModal = ref(false);
 
 const open = () => {
   showModal.value = true;
-}
+};
 
 const confirm = () => {
   session.setQuests([]);
@@ -16,11 +16,11 @@ const confirm = () => {
   navigateToEditorPane(null);
 
   showModal.value = false;
-}
+};
 
 defineExpose({
-  open
-})
+  open,
+});
 </script>
 
 <template>
@@ -29,12 +29,20 @@ defineExpose({
       <h2>Discard current session</h2>
     </template>
 
-    <p>You are about to discard your current session. All changes will be lost.
-      Do you want to continue?</p>
+    <p>
+      You are about to discard your current session. All changes will be lost. Do you want to
+      continue?
+    </p>
 
     <div id="controls" class="control-group">
       <Button :icon="['fas', 'xmark']" :label="'Cancel'" @click="showModal = false"></Button>
-      <Button type="solid" accent="danger" :icon="['fas', 'trash']" :label="'Confirm'" @click="confirm"></Button>
+      <Button
+        type="solid"
+        accent="danger"
+        :icon="['fas', 'trash']"
+        :label="'Confirm'"
+        @click="confirm"
+      ></Button>
     </div>
   </Modal>
 </template>
@@ -45,4 +53,4 @@ defineExpose({
   justify-content: flex-end;
   margin-top: 1rem;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/loader/LoaderFileSystemButton.vue b/components/loader/LoaderFileSystemButton.vue
index 3a70860..58c470c 100644
--- a/components/loader/LoaderFileSystemButton.vue
+++ b/components/loader/LoaderFileSystemButton.vue
@@ -27,14 +27,19 @@ const openFileSystemPrompt = async () => {
     console.error(e);
     loaderStore.setFileSystemLoaderStatus('invalid');
   }
-}
+};
 </script>
 
 <template>
   <ClientOnly>
-    <Button type="solid" :icon="['fas', 'folder-open']" label="Load" @click="openFileSystemPrompt"
-      :disabled="!canUseFsApi" />
+    <Button
+      type="solid"
+      :icon="['fas', 'folder-open']"
+      label="Load"
+      @click="openFileSystemPrompt"
+      :disabled="!canUseFsApi"
+    />
 
     <LoaderFileSystemModal ref="fileSystemModal" />
   </ClientOnly>
-</template>
\ No newline at end of file
+</template>
diff --git a/components/loader/LoaderFileSystemModal.vue b/components/loader/LoaderFileSystemModal.vue
index 25fcfa2..a3f133b 100644
--- a/components/loader/LoaderFileSystemModal.vue
+++ b/components/loader/LoaderFileSystemModal.vue
@@ -6,7 +6,7 @@ const showModal = ref(false);
 
 const open = () => {
   showModal.value = true;
-}
+};
 
 const confirm = () => {
   const categories = loader.getCategories();
@@ -21,7 +21,7 @@ const confirm = () => {
   navigateToEditorPane(null);
 
   showModal.value = false;
-}
+};
 
 const status = computed(() => loader.getFileSystemLoaderStatus());
 const questsCount = computed(() => loader.getQuests().length);
@@ -30,8 +30,8 @@ const itemsCount = computed(() => loader.getItems().length);
 const path = computed(() => loader.getPath());
 
 defineExpose({
-  open
-})
+  open,
+});
 </script>
 
 <template>
@@ -50,7 +50,10 @@ defineExpose({
     </div>
 
     <div v-if="status === 'loaded'">
-      <p>Parsing files in directory <code>{{ path }}</code>...</p>
+      <p>
+        Parsing files in directory <code>{{ path }}</code
+        >...
+      </p>
     </div>
 
     <div v-if="status === 'invalid'">
@@ -58,7 +61,10 @@ defineExpose({
     </div>
 
     <div v-if="status === 'valid'">
-      <p>Successfully parsed directory <code>{{ path }}</code>.</p>
+      <p>
+        Successfully parsed directory <code>{{ path }}</code
+        >.
+      </p>
       <ul>
         <li>{{ categoriesCount }} categories loaded</li>
         <li>{{ questsCount }} quests loaded</li>
@@ -69,8 +75,13 @@ defineExpose({
 
     <div id="controls" class="control-group">
       <Button :icon="['fas', 'xmark']" :label="'Cancel'" @click="showModal = false"></Button>
-      <Button v-if="status === 'valid'" type="solid" :icon="['fas', 'check']" :label="'Confirm'"
-        @click="confirm"></Button>
+      <Button
+        v-if="status === 'valid'"
+        type="solid"
+        :icon="['fas', 'check']"
+        :label="'Confirm'"
+        @click="confirm"
+      ></Button>
     </div>
   </Modal>
 </template>
@@ -81,4 +92,4 @@ defineExpose({
   justify-content: flex-end;
   margin-top: 1rem;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/loader/LoaderImportButton.vue b/components/loader/LoaderImportButton.vue
index ff6d0ad..d0c4107 100644
--- a/components/loader/LoaderImportButton.vue
+++ b/components/loader/LoaderImportButton.vue
@@ -1,14 +1,18 @@
 <script setup lang="ts">
 defineProps({
-  isPrimaryAction: Boolean
-})
+  isPrimaryAction: Boolean,
+});
 
 const navigateToImport = async () => {
   navigateTo('/import');
-}
+};
 </script>
 
 <template>
-  <Button :type="isPrimaryAction ? 'solid' : 'text'" :icon="['fas', 'file-import']" label="Import"
-    @click="navigateToImport" />
-</template>
\ No newline at end of file
+  <Button
+    :type="isPrimaryAction ? 'solid' : 'text'"
+    :icon="['fas', 'file-import']"
+    label="Import"
+    @click="navigateToImport"
+  />
+</template>
diff --git a/components/loader/LoaderNetworkButton.vue b/components/loader/LoaderNetworkButton.vue
index 3364597..8cce5dc 100644
--- a/components/loader/LoaderNetworkButton.vue
+++ b/components/loader/LoaderNetworkButton.vue
@@ -1,8 +1,7 @@
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <ClientOnly>
     <Button type="solid" :icon="['fas', 'download']" label="Download" :disabled="true" />
   </ClientOnly>
-</template>
\ No newline at end of file
+</template>
diff --git a/components/loader/LoaderTestDataButton.vue b/components/loader/LoaderTestDataButton.vue
index 1e648d6..8ef8b3c 100644
--- a/components/loader/LoaderTestDataButton.vue
+++ b/components/loader/LoaderTestDataButton.vue
@@ -5,7 +5,7 @@ const testDataModal = ref<InstanceType<typeof LoaderTestDataModal> | null>(null)
 
 const openTestDataModal = async () => {
   testDataModal.value?.open();
-}
+};
 </script>
 
 <template>
@@ -14,4 +14,4 @@ const openTestDataModal = async () => {
 
     <LoaderTestDataModal ref="testDataModal" />
   </ClientOnly>
-</template>
\ No newline at end of file
+</template>
diff --git a/components/loader/LoaderTestDataModal.vue b/components/loader/LoaderTestDataModal.vue
index 8b0df21..582e224 100644
--- a/components/loader/LoaderTestDataModal.vue
+++ b/components/loader/LoaderTestDataModal.vue
@@ -8,7 +8,7 @@ const showModal = ref(false);
 
 const open = () => {
   showModal.value = true;
-}
+};
 
 const confirm = () => {
   const quests = loadQuestsFromJson(testData.quests);
@@ -23,11 +23,11 @@ const confirm = () => {
   navigateToEditorPane(null);
 
   showModal.value = false;
-}
+};
 
 defineExpose({
-  open
-})
+  open,
+});
 </script>
 
 <template>
@@ -36,8 +36,10 @@ defineExpose({
       <h2>Import test data</h2>
     </template>
 
-    <p>You can view a demo of the Quests editor by loading test data. This will replace your current workspace.
-      Do you want to continue?</p>
+    <p>
+      You can view a demo of the Quests editor by loading test data. This will replace your current
+      workspace. Do you want to continue?
+    </p>
 
     <div id="controls" class="control-group">
       <Button :icon="['fas', 'xmark']" :label="'Cancel'" @click="showModal = false"></Button>
@@ -52,4 +54,4 @@ defineExpose({
   justify-content: flex-end;
   margin-top: 1rem;
 }
-</style>
\ No newline at end of file
+</style>
-- 
cgit v1.2.3-70-g09d2