refactor: ♻️ Use explicit imports for OverlayScrollbars

Author: CPlusPatch

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;

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<{

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";

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();

nuxt.config.ts

@@ -264,14 +264,6 @@ export default defineNuxtConfig({
             onionApiHost: undefined,
         },
     },
-    imports: {
-        presets: [
-            {
-                from: "overlayscrollbars-vue",
-                imports: ["OverlayScrollbarsComponent"],
-            },
-        ],
-    },
     devtools: {
         enabled: false,