From d1f61dc32d465b8f20334ee37339b208db00aa9e Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Wed, 24 Apr 2024 20:58:17 -1000
Subject: [PATCH] style: :art: Apply Biome

---
 components/buttons/DropdownElement.vue    | 10 ++++++----
 components/dropdowns/AdaptiveDropdown.vue |  4 ++--
 components/social-elements/notes/note.vue |  8 ++++----
 pages/[username]/index.vue                | 14 +++++++++-----
 4 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/components/buttons/DropdownElement.vue b/components/buttons/DropdownElement.vue
index e254d92..6ea71ea 100644
--- a/components/buttons/DropdownElement.vue
+++ b/components/buttons/DropdownElement.vue
@@ -9,11 +9,13 @@
 <script lang="ts" setup>
 import type { ButtonHTMLAttributes } from "vue";
 
-interface Props extends /* @vue-ignore */ ButtonHTMLAttributes { }
+interface Props extends /* @vue-ignore */ ButtonHTMLAttributes {}
 
-defineProps<Props & {
-    icon: string;
-}>();
+defineProps<
+    Props & {
+        icon: string;
+    }
+>();
 </script>
 
 <style></style>
\ No newline at end of file
diff --git a/components/dropdowns/AdaptiveDropdown.vue b/components/dropdowns/AdaptiveDropdown.vue
index 2c97e7e..94309fa 100644
--- a/components/dropdowns/AdaptiveDropdown.vue
+++ b/components/dropdowns/AdaptiveDropdown.vue
@@ -24,6 +24,6 @@
 </template>
 
 <script setup lang="ts">
-const { width } = useWindowSize()
-const isSmallScreen = computed(() => width.value < 640)
+const { width } = useWindowSize();
+const isSmallScreen = computed(() => width.value < 640);
 </script>
\ No newline at end of file
diff --git a/components/social-elements/notes/note.vue b/components/social-elements/notes/note.vue
index 8deee15..045cd3f 100644
--- a/components/social-elements/notes/note.vue
+++ b/components/social-elements/notes/note.vue
@@ -103,10 +103,10 @@ const client = await useMegalodon();
 const mentions = await useResolveMentions(props.note?.mentions ?? [], client);
 const content = props.note
     ? await useParsedContent(
-        props.note.content,
-        props.note.emojis,
-        mentions.value,
-    )
+          props.note.content,
+          props.note.emojis,
+          mentions.value,
+      )
     : "";
 const numberFormat = (number = 0) =>
     new Intl.NumberFormat(undefined, {
diff --git a/pages/[username]/index.vue b/pages/[username]/index.vue
index 9ec7cfb..85e2a33 100644
--- a/pages/[username]/index.vue
+++ b/pages/[username]/index.vue
@@ -102,11 +102,15 @@ const { timeline, loadNext, loadPrev } = useAccountTimeline(
 );
 const skeleton = ref<HTMLSpanElement | null>(null);
 
-const parsedNote = account ? await useParsedContent(account?.note, account?.emojis, []) : ref("");
-const parsedFields = await Promise.all(account?.fields.map(async (field) => ({
-    name: await useParsedContent(field.name, account.emojis, []),
-    value: await useParsedContent(field.value, account.emojis, []),
-})) ?? []);
+const parsedNote = account
+    ? await useParsedContent(account?.note, account?.emojis, [])
+    : ref("");
+const parsedFields = await Promise.all(
+    account?.fields.map(async (field) => ({
+        name: await useParsedContent(field.name, account.emojis, []),
+        value: await useParsedContent(field.value, account.emojis, []),
+    })) ?? [],
+);
 
 onMounted(() => {
     useIntersectionObserver(skeleton, async (entries) => {