refactor(storefront): replace evibes logo with schon logo in SVG format

Updated the SVG logo file in storefront to replace evibes branding with schon. Includes enhanced styling and additional view properties for resolution compatibility.

storefront/components/base/footer/index.vue

@@ -8,7 +8,7 @@
                 format="webp"
                 width="150px"
                 densities="x1"
-                src="/images/evibes-big-simple-white.png"
+                src="/images/schon-big.png"
                 alt="logo"
                 loading="lazy"
                 class="header__logo"

storefront/components/base/header/index.vue

@@ -5,7 +5,7 @@
           format="webp"
           width="150px"
           densities="x1"
-          src="/images/evibes-big-simple.png"
+          src="/images/schon-big.png"
           alt="logo"
           class="header__logo"
       />

storefront/components/home/hero.vue

@@ -2,7 +2,7 @@
   <div class="hero" :style="backgroundStyles">
     <div class="container">
       <div class="hero__wrapper">
-        <nuxt-img format="webp" densities="x1" src="/images/evibes-big.png" alt="logo" />
+        <nuxt-img format="webp" densities="x1" src="/images/schon-big.png" alt="logo" />
       </div>
     </div>
   </div>

storefront/composables/config/useAppConfig.ts

@@ -1,8 +1,8 @@
 export const useAppConfig = () => {
   const runtimeConfig = useRuntimeConfig();
 
-  const APP_DOMAIN: string = runtimeConfig.public.evibesBaseDomain;
-  const APP_NAME: string = runtimeConfig.public.evibesProjectName;
+  const APP_DOMAIN: string = runtimeConfig.public.schonBaseDomain;
+  const APP_NAME: string = runtimeConfig.public.schonProjectName;
   const APP_NAME_KEY: string = APP_NAME.toLowerCase();
 
   return {

storefront/config/i18n.ts

@@ -9,6 +9,6 @@ export const i18nConfig: NuxtI18nOptions = {
     alwaysRedirect: true,
     redirectOn: 'root',
     fallbackLocale: DEFAULT_LOCALE,
-    cookieKey: 'evibes-locale'
+    cookieKey: 'schon-locale'
   }
 };

storefront/nuxt.config.ts

@@ -22,29 +22,29 @@ export default defineNuxtConfig({
     autoImports: true,
     clients: {
       default: {
-        httpEndpoint: `https://api.${process.env.EVIBES_BASE_DOMAIN}/graphql/`,
+        httpEndpoint: `https://api.${process.env.SCHON_BASE_DOMAIN}/graphql/`,
         connectToDevTools: true,
         authType: 'Bearer',
-        authHeader: 'X-EVIBES-AUTH',
+        authHeader: 'X-SCHON-AUTH',
         tokenStorage: 'cookie',
-        tokenName: `${process.env.EVIBES_PROJECT_NAME?.toLowerCase()}-access`,
+        tokenName: `${process.env.SCHON_PROJECT_NAME?.toLowerCase()}-access`,
       }
     }
   },
   runtimeConfig: {
     public: {
-      evibesProjectName: process.env.EVIBES_PROJECT_NAME,
-      evibesBaseDomain: process.env.EVIBES_BASE_DOMAIN
+      schonProjectName: process.env.SCHON_PROJECT_NAME,
+      schonBaseDomain: process.env.SCHON_BASE_DOMAIN
     },
   },
   app: {
     head: {
       charset: "utf-8",
       viewport: "width=device-width, initial-scale=1",
-      title: process.env.EVIBES_PROJECT_NAME,
-      titleTemplate: `${process.env.EVIBES_PROJECT_NAME} | %s`,
+      title: process.env.SCHON_PROJECT_NAME,
+      titleTemplate: `${process.env.SCHON_PROJECT_NAME} | %s`,
       link: [
-        { rel: 'icon', type: 'image/x-icon', href: `https://${process.env.EVIBES_BASE_DOMAIN}/favicon.ico` },
+        { rel: 'icon', type: 'image/x-icon', href: `https://${process.env.SCHON_BASE_DOMAIN}/favicon.ico` },
       ]
     },
     pageTransition: {
@@ -63,7 +63,7 @@ export default defineNuxtConfig({
   },
   vite: {
     envDir: '../',
-    envPrefix: 'EVIBES_',
+    envPrefix: 'SCHON_',
     css: {
       preprocessorOptions: {
         scss: {
@@ -76,7 +76,7 @@ export default defineNuxtConfig({
     }
   },
   image: {
-    domains: [`https://api.${process.env.EVIBES_BASE_DOMAIN}`]
+    domains: [`https://api.${process.env.SCHON_BASE_DOMAIN}`]
   },
   hooks: {
     'pages:extend'(pages) {

storefront/plugins/apollo.ts

@@ -23,7 +23,7 @@ export default defineNuxtPlugin((nuxtApp) => {
     };
 
     if (token.value) {
-      hdrs['X-EVIBES-AUTH'] = `Bearer ${token.value}`;
+      hdrs['X-SCHON-AUTH'] = `Bearer ${token.value}`;
     }
 
     return { headers: hdrs };
@@ -36,7 +36,7 @@ export default defineNuxtPlugin((nuxtApp) => {
   });
 
   const httpLink = createUploadLink({
-    uri: `https://api.${runtime.public.evibesBaseDomain}/graphql/`
+    uri: `https://api.${runtime.public.schonBaseDomain}/graphql/`
   });
 
   $apollo.defaultClient.setLink(from([

storefront/public/images/evibes.svg

@@ -1,25 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="40px" viewBox="0 0 100.000000 100.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,100.000000) scale(0.100000,-0.100000)"
-fill="#7965D1" stroke="none">
-<path d="M678 935 c-73 -50 -88 -121 -38 -175 29 -31 50 -35 57 -13 2 6 -5 14
--16 18 -30 9 -26 48 9 88 63 72 130 72 149 -1 18 -67 -6 -117 -89 -182 -97
--76 -142 -97 -235 -109 -121 -16 -324 -29 -380 -24 -48 5 -49 4 -33 -13 26
--26 108 -34 248 -23 308 23 362 40 480 147 l65 59 0 64 c0 79 -17 114 -72 152
--61 41 -100 44 -145 12z"/>
-<path d="M327 912 c-10 -10 -17 -27 -17 -38 0 -24 35 -64 55 -64 18 0 19 12 3
-28 -16 16 19 54 46 50 17 -2 22 -11 24 -45 4 -55 -38 -105 -105 -124 -50 -14
--179 -17 -225 -6 -34 9 -36 -3 -6 -23 55 -35 251 -29 327 10 95 48 92 168 -6
-219 -33 17 -78 13 -96 -7z"/>
-<path d="M475 435 c-60 -8 -171 -19 -245 -25 -74 -7 -137 -14 -139 -16 -2 -2
-9 -9 25 -16 35 -15 179 -13 309 3 50 7 146 12 215 13 186 2 223 -22 185 -119
--20 -53 -49 -78 -115 -100 -37 -12 -54 -14 -69 -5 -41 21 -16 91 36 105 27 6
-27 7 9 21 -31 22 -69 17 -99 -14 -15 -15 -27 -34 -27 -42 0 -23 52 -90 81
--106 43 -22 73 -17 144 22 73 40 93 64 102 118 21 131 -138 193 -412 161z"/>
-</g>
-</svg>