From 04d654bbd3efcdb69de3344a7c5d02e4ddf6bc10 Mon Sep 17 00:00:00 2001
From: Pihkaal <hello@pihkaal.me>
Date: Thu, 13 Nov 2025 21:27:10 +0100
Subject: [PATCH] refactor: import local components instead of using full name

---
 app/components/Home/TopScreen/TopScreen.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/components/Home/TopScreen/TopScreen.vue b/app/components/Home/TopScreen/TopScreen.vue
index c7f623b..111d4a9 100644
--- a/app/components/Home/TopScreen/TopScreen.vue
+++ b/app/components/Home/TopScreen/TopScreen.vue
@@ -1,6 +1,13 @@
+<script setup lang="ts">
+import Background from "./Background.vue";
+import Calendar from "./Calendar.vue";
+import Clock from "./Clock.vue";
+import StatusBar from "./StatusBar.vue";
+</script>
+
 <template>
-  <HomeTopScreenBackground />
-  <HomeTopScreenCalendar />
-  <HomeTopScreenClock />
-  <HomeTopScreenStatusBar />
+  <Background />
+  <Calendar />
+  <Clock />
+  <StatusBar />
 </template>