fix: 🐛 Fix missing custom scrollbars in places

components/composer/button.vue

@@ -8,7 +8,7 @@
 <script lang="ts" setup>
 import type { ButtonHTMLAttributes } from "vue";
 
-interface Props extends /* @vue-ignore */ ButtonHTMLAttributes { }
+interface Props extends /* @vue-ignore */ ButtonHTMLAttributes {}
 
 defineProps<
     Props & {

components/sidebars/navigation.vue

@@ -214,7 +214,7 @@ const signOut = async () => {
             tokenData.value.access_token,
             tokenData.value.access_token,
         )
-        .catch(() => { });
+        .catch(() => {});
 
     tokenData.value = null;
     me.value = null;

pages/[username]/index.vue

@@ -1,14 +1,15 @@
 <template>
-    <div class="max-h-dvh overflow-y-scroll w-full">
+    <OverlayScrollbarsComponent class="max-h-dvh overflow-y-auto w-full">
-        <SocialElementsUsersAccount :account="account ?? undefined" />
         <TimelinesTimelineScroller>
+            <SocialElementsUsersAccount :account="account ?? undefined" />
             <TimelinesAccount :id="accountId" :key="accountId" />
         </TimelinesTimelineScroller>
-    </div>
+    </OverlayScrollbarsComponent>
 </template>
 
 <script setup lang="ts">
 import type { Account } from "~/types/mastodon/account";
+import { OverlayScrollbarsComponent } from "#imports";
 
 definePageMeta({
     layout: "app",

pages/index.vue

@@ -1,12 +1,13 @@
 <template>
-    <div class="max-h-dvh overflow-y-scroll">
+    <OverlayScrollbarsComponent :defer="true" class="max-h-dvh overflow-y-auto">
         <TimelinesTimelineScroller>
             <TimelinesPublic />
         </TimelinesTimelineScroller>
-    </div>
+    </OverlayScrollbarsComponent>
 </template>
 
 <script setup lang="ts">
+import { OverlayScrollbarsComponent } from "#imports";
 definePageMeta({
     layout: "app",
 });