From 4f69621a9d2f0bcd7a5eaee961420e1f44861a68 Mon Sep 17 00:00:00 2001
From: Isaiah <isaiahjfowler@protonmail.com>
Date: Mon, 27 Nov 2023 16:59:56 -0500
Subject: [PATCH] Fixed lint errors

---
 src/tools/index.ts                    |  2 +-
 src/tools/yaml-viewer/index.ts        | 14 ++++++-------
 src/tools/yaml-viewer/yaml-models.ts  | 28 ++++++++++++-------------
 src/tools/yaml-viewer/yaml-viewer.vue | 30 +++++++++++++--------------
 4 files changed, 37 insertions(+), 37 deletions(-)

diff --git a/src/tools/index.ts b/src/tools/index.ts
index 78837711..bcc42315 100644
--- a/src/tools/index.ts
+++ b/src/tools/index.ts
@@ -140,7 +140,7 @@ export const toolsByCategory: ToolCategory[] = [
       chmodCalculator,
       dockerRunToDockerComposeConverter,
       xmlFormatter,
-      yamlViewer
+      yamlViewer,
     ],
   },
   {
diff --git a/src/tools/yaml-viewer/index.ts b/src/tools/yaml-viewer/index.ts
index b5060a31..c05740a6 100644
--- a/src/tools/yaml-viewer/index.ts
+++ b/src/tools/yaml-viewer/index.ts
@@ -2,11 +2,11 @@ import { AlignJustified } from '@vicons/tabler';
 import { defineTool } from '../tool';
 
 export const tool = defineTool({
-    name: 'YAML prettify and format',
-    path: '/yaml-prettify',
-    description: 'Prettify your YAML string to a human friendly readable format.',
-    keywords: ['yaml', 'viewer', 'prettify', 'format'],
-    component: () => import('./yaml-viewer.vue'),
-    icon: AlignJustified,
-    redirectFrom: ['/yaml-viewer'],
+  name: 'YAML prettify and format',
+  path: '/yaml-prettify',
+  description: 'Prettify your YAML string to a human friendly readable format.',
+  keywords: ['yaml', 'viewer', 'prettify', 'format'],
+  component: () => import('./yaml-viewer.vue'),
+  icon: AlignJustified,
+  redirectFrom: ['/yaml-viewer'],
 });
diff --git a/src/tools/yaml-viewer/yaml-models.ts b/src/tools/yaml-viewer/yaml-models.ts
index 4aa53403..54a0a0bf 100644
--- a/src/tools/yaml-viewer/yaml-models.ts
+++ b/src/tools/yaml-viewer/yaml-models.ts
@@ -1,24 +1,24 @@
 import { type MaybeRef, get } from '@vueuse/core';
 
-import yaml from "js-yaml";
+import yaml from 'js-yaml';
 
 export { formatYaml };
 
 function formatYaml({
-                        rawYaml,
-                        sortKeys = false,
-                        indentSize = 2,
-                    }: {
-    rawYaml: MaybeRef<string>
-    sortKeys?: MaybeRef<boolean>
-    indentSize?: MaybeRef<number>
+  rawYaml,
+  sortKeys = false,
+  indentSize = 2,
+}: {
+  rawYaml: MaybeRef<string>
+  sortKeys?: MaybeRef<boolean>
+  indentSize?: MaybeRef<number>
 }) {
-    const parsedYaml = yaml.load(get(rawYaml));
+  const parsedYaml = yaml.load(get(rawYaml));
 
-    const formattedYAML = yaml.dump(parsedYaml, {
-        sortKeys: get(sortKeys),
-        indent: get(indentSize)
-    });
+  const formattedYAML = yaml.dump(parsedYaml, {
+    sortKeys: get(sortKeys),
+    indent: get(indentSize),
+  });
 
-    return formattedYAML
+  return formattedYAML;
 }
diff --git a/src/tools/yaml-viewer/yaml-viewer.vue b/src/tools/yaml-viewer/yaml-viewer.vue
index 4541030f..dfa3c832 100644
--- a/src/tools/yaml-viewer/yaml-viewer.vue
+++ b/src/tools/yaml-viewer/yaml-viewer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import yaml from 'js-yaml'
+import yaml from 'js-yaml';
 import { useStorage } from '@vueuse/core';
 import { formatYaml } from './yaml-models';
 import { withDefaultOnError } from '@/utils/defaults';
@@ -12,7 +12,7 @@ const rawYaml = useStorage('yaml-prettify:raw-yaml', '');
 const indentSize = useStorage('yaml-prettify:indent-size', 2);
 const sortKeys = useStorage('yaml-prettify:sort-keys', false);
 
-const cleanYaml = computed(() => withDefaultOnError(() => formatYaml({ rawYaml: rawYaml, indentSize, sortKeys }), ''));
+const cleanYaml = computed(() => withDefaultOnError(() => formatYaml({ rawYaml, indentSize, sortKeys }), ''));
 
 const rawYamlValidation = useValidation({
   source: rawYaml,
@@ -38,21 +38,21 @@ const rawYamlValidation = useValidation({
   </div>
 
   <n-form-item
-      label="Your raw YAML"
-      :feedback="rawYamlValidation.message"
-      :validation-status="rawYamlValidation.status"
+    label="Your raw YAML"
+    :feedback="rawYamlValidation.message"
+    :validation-status="rawYamlValidation.status"
   >
     <c-input-text
-        ref="inputElement"
-        v-model:value="rawYaml"
-        placeholder="Paste your raw YAML here..."
-        rows="20"
-        multiline
-        autocomplete="off"
-        autocorrect="off"
-        autocapitalize="off"
-        spellcheck="false"
-        monospace
+      ref="inputElement"
+      v-model:value="rawYaml"
+      placeholder="Paste your raw YAML here..."
+      rows="20"
+      multiline
+      autocomplete="off"
+      autocorrect="off"
+      autocapitalize="off"
+      spellcheck="false"
+      monospace
     />
   </n-form-item>
   <n-form-item label="Prettified version of your YAML">