chore(logo): update

nuxt-hub · Feb 21, 2024 · 92b8347 · 92b8347
1 parent 1c98fd7
commit 92b8347
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/docs/components/Logo.vue b/docs/components/Logo.vue
@@ -1,6 +1,19 @@
 <template>
-  <div class="flex items-center gap-1">
+  <svg v-if="defaultLogo" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1184 200" class="h-6" @click.right.prevent="onLogoClick">
+    <path fill="currentColor" d="M377 200c2.16 0 4-1.791 4-4v-93s5 9 14 24l39 67c1.785 3.74 5.744 6 9 6h27V50h-27c-1.798 0-4 1.4941-4 4v94l-18-32-36-61c-1.752-3.1088-5.521-5-9-5h-26v150h27ZM726 92h13c3.314 0 6-2.6863 6-6V60h28v32h27v24h-27v43c0 10.5 5.057 15 14 15h13v26h-17c-23.052 0-38-14.929-38-40v-44h-19V92ZM591 92v62c0 14.004-5.258 25.809-13 34-7.742 8.191-18.434 12-33 12-14.566 0-26.258-3.809-34-12-7.611-8.191-13-19.996-13-34V92h16c3.412 0 6.769.622 9 3 2.231 2.2459 3 3.5652 3 7v52c0 8.059.457 13.037 4 17 3.543 3.831 7.914 5 15 5 7.217 0 10.457-1.169 14-5 3.543-3.963 4-8.941 4-17v-52c0-3.4348.769-5.622 3-8 1.96-2.0893 4.028-2.0401 7-2 .411.0055 1.586 0 2 0h16ZM676 144l34-52h-26c-3.277 0-6.188 1.1758-8 4l-16 24-15-23c-1.812-2.8242-5.723-5-9-5h-25l34 51-37 57h26c3.25 0 6.182-3.213 8-6l18-27 19 28c1.818 2.787 4.75 5 8 5h26l-37-56Z" />
+    <path fill="#00DC82" d="M168 200h111c3.542 0 6.932-1.244 10-3 3.068-1.756 6.23-3.959 8-7 1.77-3.041 3.002-6.49 3-10.001-.002-3.511-1.227-6.959-3-9.998L222 41c-1.77-3.04-3.933-5.2448-7-7-3.067-1.7552-7.458-3-11-3s-6.933 1.2448-10 3-5.23 3.96-7 7l-19 33-38-64.00236c-1.772-3.0398-3.932-6.24273-7-7.99764-3.068-1.754913-6.458-2-10-2s-6.932.245087-10 2c-3.0677 1.75491-6.2283 4.95784-8 7.99764L2 170.001C.226979 173.04.00154312 176.488.00000191 179.999-.0015393 183.51.229648 186.959 2 190c1.77035 3.04 4.93245 5.244 8 7 3.0675 1.756 6.4578 3 10 3h70c27.737 0 47.925-12.442 62-36l34-59 18-31 55 94h-73l-18 32Zm-79-32H40l73-126 37 63-24.509 42.725C116.144 163.01 105.488 168 89 168Z" />
+    <path fill="#00DC82" fill-rule="evenodd" d="M1120.15 197.2c4.93 2.267 10.12 2.8 15.85 2.8 9.73 0 18.35-1.533 25.55-5.8 7.2-4.267 12.67-10.333 16.4-18.2 3.87-7.867 6.05-16.6 6.05-27 0-10.4-2.18-19.933-6.05-27.8-3.73-7.867-9.2-13.933-16.4-18.2-7.07-4.2668-15.4-6.4001-25-6.4001-6.13 0-11.6 1.1333-16.4 3.4-4.8 2.1331-9.22 5.0671-12.15 8.8001V59.3999h-20c-4.42 0-8 3.5817-8 8V200h28v-12c2.8 3.867 7.22 6.933 12.15 9.2Zm-6.4-28.2c-4.53-5.2-6.75-12-6.75-20.4 0-8.533 2.15-15.333 6.55-20.4 4.53-5.2 10.53-7.8 18-7.8 7.47 0 13.4 2.6 17.8 7.8 4.53 5.067 6.8 11.867 6.8 20.4 0 8.4-2.27 15.2-6.8 20.4-4.53 5.067-10.47 7.6-17.8 7.6s-13.27-2.533-17.8-7.6ZM937 200V59.9999h-20c-4.418 0-8 3.5817-8 8V116h-54V59.9999h-28V200h19.946c4.439 0 8.029-3.615 7.999-8.054L854.6 141H909v59h28Zm118-45.989V92.0115h-16c-.12 0-.3.0004-.5.0009-.52.0013-1.21.003-1.5-.0009l-.09-.0012c-2.92-.0397-4.97-.0674-6.91 2.0012-2.23 2.3779-3 4.5651-3 7.9995v52c0 8.059-.46 13.037-4 17-3.54 3.832-6.78 5-14 5-7.09 0-11.457-1.168-15-5-3.543-3.963-4-8.941-4-17v-52c0-3.4344-.769-4.7537-3-6.9995-2.231-2.378-5.588-3-9-3h-16v61.9995c0 14.004 5.389 25.81 13 34 7.742 8.191 19.434 11.989 34 11.989 14.57 0 25.26-3.798 33-11.989 7.74-8.19 13-19.996 13-34Z" clip-rule="evenodd" />
+  </svg>
+  <div v-else class="flex items-center gap-1" @click.right.prevent="onLogoClick">
     <span>Nuxt</span>
-    <span class="rounded-md bg-primary-500 text-gray-900 px-0.5">Hub</span>
+    <span class="rounded-sm bg-primary-400 dark:bg-primary-500 text-gray-900 px-0.5">hub</span>
   </div>
 </template>
+
+<script setup lang="ts">
+const defaultLogo = useState('logo-default', () => true)
+
+function onLogoClick () {
+  defaultLogo.value = !defaultLogo.value
+}
+</script>