feat: enable studio + fix navbar mobile logo

Author: stafyniaksacha

components/AppNavbar.vue

@@ -132,9 +132,22 @@ const { data: navigation } = await useAsyncData('navigation', () =>
               <NuxtLink to="/">
                 <div class="shrink-0 flex items-center">
                   <img
-                    class="block h-10 w-10"
-                    src="/img/logo/logo.svg"
-                    alt=""
+                    v-if="appConfig.stylo.header.logo.src"
+                    class="block dark:hidden h-10 w-10"
+                    :src="appConfig.stylo.header.logo.src"
+                    :alt="appConfig.stylo.header.logo.alt"
+                  />
+                  <img
+                    v-if="
+                      appConfig.stylo.header.logo.srcDark ||
+                      appConfig.stylo.header.logo.src
+                    "
+                    class="hidden dark:block h-10 w-10"
+                    :src="
+                      appConfig.stylo.header.logo.srcDark ||
+                      appConfig.stylo.header.logo.src
+                    "
+                    :alt="appConfig.stylo.header.logo.alt"
                   />
                 </div>
               </NuxtLink>

nuxt.config.ts

@@ -6,7 +6,7 @@ export default defineNuxtConfig({
   extends: ['nuxt-seo-kit'],
   modules: [
     '@vueuse/nuxt',
-    // '@nuxthq/studio',
+    '@nuxthq/studio',
     '@nuxt/content',
     '@nuxtjs/tailwindcss',
     'pinceau/nuxt',
@@ -27,6 +27,6 @@ export default defineNuxtConfig({
   pinceau: {
     configFileName: 'tokens.config',
     preflight: false,
-    // studio: true,
+    studio: true,
   },
 })