style: 🎨 Format code with Biome

app/components/timelines/account.vue

@@ -1,7 +1,15 @@
 <template>
-    <Timeline type="status" :items="items" :is-loading="isLoading" :has-reached-end="hasReachedEnd"
-        :error="error" :load-next="loadNext" :load-prev="loadPrev" :remove-item="removeItem"
-        :update-item="updateItem" />
+    <Timeline
+        type="status"
+        :items="items"
+        :is-loading="isLoading"
+        :has-reached-end="hasReachedEnd"
+        :error="error"
+        :load-next="loadNext"
+        :load-prev="loadPrev"
+        :remove-item="removeItem"
+        :update-item="updateItem"
+    />
 </template>
 
 <script lang="ts" setup>

app/components/timelines/global.vue

@@ -1,7 +1,15 @@
 <template>
-    <Timeline type="status" :items="items" :is-loading="isLoading" :has-reached-end="hasReachedEnd"
-        :error="error" :load-next="loadNext" :load-prev="loadPrev" :remove-item="removeItem"
-        :update-item="updateItem" />
+    <Timeline
+        type="status"
+        :items="items"
+        :is-loading="isLoading"
+        :has-reached-end="hasReachedEnd"
+        :error="error"
+        :load-next="loadNext"
+        :load-prev="loadPrev"
+        :remove-item="removeItem"
+        :update-item="updateItem"
+    />
 </template>
 
 <script lang="ts" setup>

app/components/timelines/home.vue

@@ -1,7 +1,15 @@
 <template>
-    <Timeline type="status" :items="items" :is-loading="isLoading" :has-reached-end="hasReachedEnd"
-        :error="error" :load-next="loadNext" :load-prev="loadPrev" :remove-item="removeItem"
-        :update-item="updateItem" />
+    <Timeline
+        type="status"
+        :items="items"
+        :is-loading="isLoading"
+        :has-reached-end="hasReachedEnd"
+        :error="error"
+        :load-next="loadNext"
+        :load-prev="loadPrev"
+        :remove-item="removeItem"
+        :update-item="updateItem"
+    />
 </template>
 
 <script lang="ts" setup>

app/components/timelines/local.vue

@@ -1,7 +1,15 @@
 <template>
-    <Timeline type="status" :items="items" :is-loading="isLoading" :has-reached-end="hasReachedEnd"
-        :error="error" :load-next="loadNext" :load-prev="loadPrev" :remove-item="removeItem"
-        :update-item="updateItem" />
+    <Timeline
+        type="status"
+        :items="items"
+        :is-loading="isLoading"
+        :has-reached-end="hasReachedEnd"
+        :error="error"
+        :load-next="loadNext"
+        :load-prev="loadPrev"
+        :remove-item="removeItem"
+        :update-item="updateItem"
+    />
 </template>
 
 <script lang="ts" setup>

app/components/timelines/notifications.vue

@@ -1,7 +1,15 @@
 <template>
-    <Timeline type="notification" :items="items" :is-loading="isLoading"
-        :has-reached-end="hasReachedEnd" :error="error" :load-next="loadNext" :load-prev="loadPrev"
-        :remove-item="removeItem" :update-item="updateItem" />
+    <Timeline
+        type="notification"
+        :items="items"
+        :is-loading="isLoading"
+        :has-reached-end="hasReachedEnd"
+        :error="error"
+        :load-next="loadNext"
+        :load-prev="loadPrev"
+        :remove-item="removeItem"
+        :update-item="updateItem"
+    />
 </template>
 
 <script lang="ts" setup>

app/components/timelines/public.vue

@@ -1,7 +1,15 @@
 <template>
-    <Timeline type="status" :items="items" :is-loading="isLoading" :has-reached-end="hasReachedEnd"
-        :error="error" :load-next="loadNext" :load-prev="loadPrev" :remove-item="removeItem"
-        :update-item="updateItem" />
+    <Timeline
+        type="status"
+        :items="items"
+        :is-loading="isLoading"
+        :has-reached-end="hasReachedEnd"
+        :error="error"
+        :load-next="loadNext"
+        :load-prev="loadPrev"
+        :remove-item="removeItem"
+        :update-item="updateItem"
+    />
 </template>
 
 <script lang="ts" setup>

app/components/timelines/timeline-item.vue

@@ -1,6 +1,11 @@
 <template>
-    <component :is="itemComponent" :note="type === 'status' ? item : undefined" :notification="type === 'notification' ? item : (undefined as any)" @update="$emit('update', $event)"
-        @delete="$emit('delete', item?.id)" />
+    <component
+        :is="itemComponent"
+        :note="type === 'status' ? item : undefined"
+        :notification="type === 'notification' ? item : (undefined as any)"
+        @update="$emit('update', $event)"
+        @delete="$emit('delete', item?.id)"
+    />
 </template>
 
 <script lang="ts" setup>

app/components/timelines/timeline-scroller.vue

@@ -1,5 +1,5 @@
 <template>
-    <slot />
+    <slot/>
 </template>
 
 <script lang="ts" setup>
@@ -23,4 +23,4 @@ onBeforeRouteLeave(() => {
     yStored.value[route.fullPath] = y.value;
     yStored.value = { ...yStored.value };
 });
-</script>
+</script>

app/components/timelines/timeline.vue

@@ -2,27 +2,25 @@
     <div
         role="status"
         class="flex flex-col gap-4 items-center *:max-w-2xl *:w-full p-4"
-        >
+    >
         <TimelineItem
-        :type="type"
-        v-for="item in items"
-        :key="item.id"
-        :item="item"
-        @update="updateItem"
-        @delete="removeItem"
+            :type="type"
+            v-for="item in items"
+            :key="item.id"
+            :item="item"
+            @update="updateItem"
+            @delete="removeItem"
         />
 
-        <Spinner v-if="isLoading" />
+        <Spinner v-if="isLoading"/>
 
-        <div v-if="error" class="timeline-error">
-            {{ error.message }}
-        </div>
+        <div v-if="error" class="timeline-error">{{ error.message }}</div>
 
         <!-- If there are some posts, but the user scrolled to the end -->
-        <ReachedEnd v-if="hasReachedEnd && items.length > 0" />
+        <ReachedEnd v-if="hasReachedEnd && items.length > 0"/>
 
         <!-- If there are no posts at all -->
-        <NoPosts v-else-if="hasReachedEnd && items.length === 0" />
+        <NoPosts v-else-if="hasReachedEnd && items.length === 0"/>
 
         <div v-else-if="!preferences.infinite_scroll" class="py-10 px-4">
             <Button