From 5c416ce79343c0467e19a31213d1bb019fb93fd0 Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Sat, 11 May 2024 18:46:37 -1000
Subject: [PATCH] fix: :bug: Fix missing custom scrollbars in places

---
 components/composer/button.vue     | 2 +-
 components/sidebars/navigation.vue | 2 +-
 pages/[username]/index.vue         | 7 ++++---
 pages/index.vue                    | 5 +++--
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/components/composer/button.vue b/components/composer/button.vue
index 1481d46..bd1e75c 100644
--- a/components/composer/button.vue
+++ b/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 & {
diff --git a/components/sidebars/navigation.vue b/components/sidebars/navigation.vue
index 56503a3..0136004 100644
--- a/components/sidebars/navigation.vue
+++ b/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;
diff --git a/pages/[username]/index.vue b/pages/[username]/index.vue
index 5d62da6..9fd8fa7 100644
--- a/pages/[username]/index.vue
+++ b/pages/[username]/index.vue
@@ -1,14 +1,15 @@
 <template>
-    <div class="max-h-dvh overflow-y-scroll w-full">
-        <SocialElementsUsersAccount :account="account ?? undefined" />
+    <OverlayScrollbarsComponent class="max-h-dvh overflow-y-auto w-full">
         <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",
diff --git a/pages/index.vue b/pages/index.vue
index 96be6dc..a0dcb15 100644
--- a/pages/index.vue
+++ b/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",
 });