Version 1.0.0 - Création du Header

src/components/UI/SubsonicsLogo.vue

@@ -0,0 +1,25 @@
+<template>
+    <div>
+        <LogoDark class="img" v-if="globalStore.theme == 'light'"/>
+        <LogoLight class="img" v-else/>
+        <h1>Subsonics</h1>
+    </div>
+</template>
+<script setup>
+import LogoDark from '@/assets/LogoDark.vue';
+import LogoLight from '@/assets/LogoLight.vue';
+import { useGlobalStore } from '@/stores/globalStore';
+
+const globalStore = useGlobalStore();
+</script>
+<style scoped>
+    .img {
+      width: 100px;
+      height: 100px;
+    }  
+    div {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+    }
+</style>