first commit

components/layout/full/logo/Logo.vue

@@ -0,0 +1,26 @@
+<script setup>
+import { computed } from 'vue';
+import { useCustomizerStore } from '~/store/customizer';
+
+const customizer = useCustomizerStore();
+
+//const dark = ref(false);
+const dark = computed(() => {
+    if (
+        customizer.actTheme === 'DARK_BLUE_THEME' ||
+        customizer.actTheme === 'DARK_AQUA_THEME' ||
+        customizer.actTheme === 'DARK_ORANGE_THEME' ||
+        customizer.actTheme === 'DARK_PURPLE_THEME' ||
+        customizer.actTheme === 'DARK_GREEN_THEME' ||
+        customizer.actTheme === 'DARK_CYAN_THEME'
+    ) {
+        return true;
+    } else {
+        return false;
+    }
+});
+</script>
+<template>
+    <LayoutFullLogoLight v-if="dark" />
+    <LayoutFullLogoDark v-else />
+</template>

components/layout/full/logo/LogoDark.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import Logoimg from "/images/logos/dark-logo.svg";
+</script>
+<template>
+  <div class="logo">
+    <NuxtLink to="/">
+      <img :src="Logoimg" alt="home" />
+    </NuxtLink>
+  </div>
+</template>

components/layout/full/logo/LogoLight.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import Logoimg from "/images/logos/light-logo.svg";
+</script>
+<template>
+  <div class="logo">
+    <NuxtLink to="/">
+      <img :src="Logoimg" alt="home" />
+    </NuxtLink>
+  </div>
+</template>