feat(app): add template menu in header

Author: benjamincanac

src/App.vue

@@ -6,6 +6,8 @@
           <RouterLink to="/">
             <AppLogo class="w-auto h-6 shrink-0" />
           </RouterLink>
+
+          <TemplateMenu />
         </template>
 
         <template #right>

src/components/TemplateMenu.vue

@@ -0,0 +1,31 @@
+<template>
+  <UDropdownMenu
+    v-slot="{ open }"
+    :modal="false"
+    :items="[{
+      label: 'Starter',
+      to: 'https://starter-vue-template.nuxt.dev/',
+      color: 'primary',
+      checked: true,
+      type: 'checkbox'
+    }, {
+      label: 'Dashboard',
+      to: 'https://dashboard-vue-template.nuxt.dev/'
+    }]"
+    :content="{ align: 'start' }"
+    :ui="{ content: 'min-w-fit' }"
+    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-primary/15']"
+      :ui="{
+        trailingIcon: ['transition-transform duration-200', open ? 'rotate-180' : undefined].filter(Boolean).join(' ')
+      }"
+    />
+  </UDropdownMenu>
+</template>