up

app/app.vue

@@ -41,6 +41,7 @@ useSeoMeta({
   <UApp>
     <UHeader>
       <template #left>
+        <LogoPro class="w-auto h-6 shrink-0" />
         <TemplateMenu />
       </template>
 

app/components/TemplateMenu.vue

@@ -1,41 +1,38 @@
 <template>
-  <div class="flex items-center gap-2">
-    <LogoPro class="w-auto h-6 shrink-0" />
-    <UDropdownMenu
-      v-slot="{ open }"
-      :modal="false"
-      :items="[{
-        label: `Starter`,
-        to: 'https://starter-template.nuxt.dev/',
-        checked: true,
-        type: 'checkbox'
-      }, {
-        label: `Landing`,
-        to: 'https://landing-template.nuxt.dev/'
-      }, {
-        label: `Docs`,
-        to: 'https://docs-template.nuxt.dev/'
-      }, {
-        label: `SaaS`,
-        to: 'https://saas-template.nuxt.dev/'
-      }, {
-        label: `Dashboard`,
-        to: 'https://dashboard-template.nuxt.dev/'
-      }]"
-      :ui="{ content: 'w-(--reka-dropdown-menu-trigger-width) min-w-0' }"
+  <UDropdownMenu
+    v-slot="{ open }"
+    :modal="false"
+    :items="[{
+      label: `Starter`,
+      to: 'https://starter-template.nuxt.dev/',
+      checked: true,
+      type: 'checkbox'
+    }, {
+      label: `Landing`,
+      to: 'https://landing-template.nuxt.dev/'
+    }, {
+      label: `Docs`,
+      to: 'https://docs-template.nuxt.dev/'
+    }, {
+      label: `SaaS`,
+      to: 'https://saas-template.nuxt.dev/'
+    }, {
+      label: `Dashboard`,
+      to: 'https://dashboard-template.nuxt.dev/'
+    }]"
+    :ui="{ content: 'w-(--reka-dropdown-menu-trigger-width) min-w-0' }"
+    size="xs"
+  >
+    <UButton
+      label="Starter"
+      variant="subtle"
+      trailing-icon="i-lucide-chevron-down"
       size="xs"
-    >
-      <UButton
-        label="Starter"
-        variant="subtle"
-        trailing-icon="i-lucide-chevron-down"
-        size="xs"
-        class="-mb-[6px] font-semibold rounded-full truncate"
-        :class="[open && 'bg-[var(--ui-primary)]/15 ']"
-        :ui="{
-          trailingIcon: ['transition-transform duration-200', open ? 'rotate-180' : undefined].filter(Boolean).join(' ')
-        }"
-      />
-    </UDropdownMenu>
-  </div>
+      class="-mb-[6px] font-semibold rounded-full truncate"
+      :class="[open && 'bg-[var(--ui-primary)]/15 ']"
+      :ui="{
+        trailingIcon: ['transition-transform duration-200', open ? 'rotate-180' : undefined].filter(Boolean).join(' ')
+      }"
+    />
+  </UDropdownMenu>
 </template>