From 862839bf342d77ca2ef7aa44eaf5a3fbf3151bd3 Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Tue, 5 Nov 2024 17:09:12 +0100
Subject: [PATCH] refactor: :recycle: Use explicit imports for
 OverlayScrollbars

---
 components/composer/autocomplete-suggestbox.vue | 2 +-
 components/composer/responding-to.vue           | 2 +-
 components/sidebars/collapsible-aside.vue       | 2 +-
 layouts/app.vue                                 | 2 +-
 nuxt.config.ts                                  | 8 --------
 5 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/components/composer/autocomplete-suggestbox.vue b/components/composer/autocomplete-suggestbox.vue
index 9a5a108..af58f8d 100644
--- a/components/composer/autocomplete-suggestbox.vue
+++ b/components/composer/autocomplete-suggestbox.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts" setup>
-import { OverlayScrollbarsComponent } from "#imports";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 
 const props = defineProps<{
     currentlyTyping: string | null;
diff --git a/components/composer/responding-to.vue b/components/composer/responding-to.vue
index 4811e6e..06c4284 100644
--- a/components/composer/responding-to.vue
+++ b/components/composer/responding-to.vue
@@ -8,7 +8,7 @@
 
 <script lang="ts" setup>
 import type { Status } from "@versia/client/types";
-import { OverlayScrollbarsComponent } from "#imports";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 import Note from "../social-elements/notes/note.vue";
 
 const props = defineProps<{
diff --git a/components/sidebars/collapsible-aside.vue b/components/sidebars/collapsible-aside.vue
index 9773bcb..203352d 100644
--- a/components/sidebars/collapsible-aside.vue
+++ b/components/sidebars/collapsible-aside.vue
@@ -17,7 +17,7 @@
 <script lang="ts" setup>
 // slides in and out from the left or right
 import type { HTMLAttributes } from "vue";
-import { OverlayScrollbarsComponent } from "#imports";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 
 interface Props extends /* @vue-ignore */ HTMLAttributes {
     direction?: "left" | "right";
diff --git a/layouts/app.vue b/layouts/app.vue
index 1e8def5..c333e5c 100644
--- a/layouts/app.vue
+++ b/layouts/app.vue
@@ -27,7 +27,7 @@ import Navigation from "~/components/sidebars/navigation.vue";
 import AttachmentDialog from "~/components/social-elements/notes/attachment-dialog.vue";
 import Notifications from "~/components/timelines/notifications.vue";
 import TimelineScroller from "~/components/timelines/timeline-scroller.vue";
-import { OverlayScrollbarsComponent } from "#imports";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 const { width } = useWindowSize();
 
 const { n } = useMagicKeys();
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 95f9de8..0fc7ea5 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -264,14 +264,6 @@ export default defineNuxtConfig({
             onionApiHost: undefined,
         },
     },
-    imports: {
-        presets: [
-            {
-                from: "overlayscrollbars-vue",
-                imports: ["OverlayScrollbarsComponent"],
-            },
-        ],
-    },
     devtools: {
         enabled: false,