Hides the subscriptions zone when there are none

src/views/main/SideBar.vue

@@ -1,6 +1,9 @@
 <script setup>
 import SiteMenu from "@/views/main/SiteMenu.vue";
 import SubscriptionList from "@/views/creators/SubscriptionList.vue";
+import {useAuthStore} from "@/stores/authStore.js";
+
+const authStore = useAuthStore()
 </script>
 
 <template>
@@ -9,20 +12,21 @@ import SubscriptionList from "@/views/creators/SubscriptionList.vue";
     <nav class="h-full grid grid-rows-[60px_1fr_auto]">
       <div></div>
 
-      <div class="pt-4 px-4">
+      <div v-if="authStore.isAuthenticated" class="pt-4 px-4">
         <h2>Abonnements</h2>
-    
         <subscription-list>
           <template v-slot:default>
             <span>Aucun abonnement</span>
           </template>
         </subscription-list>
-        
+      </div>
+      <div v-else>        
       </div>
 
       <div class="border-t w-full py-10">
         <SiteMenu></SiteMenu>
       </div>
+
     </nav>
   </aside>
 </template>