From e931fcc55e0a17f206fcdaa9808f0c2d55ef1343 Mon Sep 17 00:00:00 2001
From: pompydev <pompydev@proton.me>
Date: Fri, 21 Mar 2025 13:28:05 +0900
Subject: [PATCH] feat(list): add home button

---
 apps/list/components/Header.vue          | 13 ++++++++++++-
 apps/list/components/ThemeController.vue |  2 +-
 apps/list/pages/content-creators.vue     |  1 -
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/apps/list/components/Header.vue b/apps/list/components/Header.vue
index 7545241..5cb1b24 100644
--- a/apps/list/components/Header.vue
+++ b/apps/list/components/Header.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+const route = useRoute()
 const props = defineProps<{
     highlight: string
 }>()
@@ -7,7 +8,17 @@ const props = defineProps<{
 <template>
     <div class="slant-shadow">
         <div class="slant mb-12 bg-light-card-bg dark:bg-dark-card-bg">
-            <ThemeController class="h-12" />
+            <div class="flex justify-between p-2 pb-0">
+                <NuxtLink
+                    v-if="route.path !== '/'"
+                    href="/"
+                    class="flex aspect-square h-12 items-center justify-center rounded-full hover:bg-light-ui-hover dark:hover:bg-dark-ui-hover"
+                >
+                    <Icon name="material-symbols:home-rounded" size="32" />
+                </NuxtLink>
+                <div v-else></div>
+                <ThemeController class="h-12" />
+            </div>
 
             <h1
                 class="mb-12 text-center text-4xl leading-[3rem] text-slate-800 dark:text-slate-200"
diff --git a/apps/list/components/ThemeController.vue b/apps/list/components/ThemeController.vue
index 6321fa3..a4dd007 100644
--- a/apps/list/components/ThemeController.vue
+++ b/apps/list/components/ThemeController.vue
@@ -16,7 +16,7 @@ const icon = computed(() => {
 </script>
 
 <template>
-    <div class="flex justify-end gap-2 p-2">
+    <div class="flex gap-2">
         <Icon :name="icon" size="32" />
 
         <select
diff --git a/apps/list/pages/content-creators.vue b/apps/list/pages/content-creators.vue
index 2acb6cd..0d0a9e0 100644
--- a/apps/list/pages/content-creators.vue
+++ b/apps/list/pages/content-creators.vue
@@ -49,7 +49,6 @@ const t = useVueTable({
         <h1 class="text-4xl font-black">
             pomp's biased and opinionated list of Content creators
         </h1>
-        <NuxtLink href="/" class="underline">Back</NuxtLink>
         <div class="p-2">
             <table class="border">
                 <thead>