From 1dfae1a9f5c7855d52cd26f46469431424ca7fc0 Mon Sep 17 00:00:00 2001
From: Pihkaal <pihkaal@proton.me>
Date: Sat, 12 Oct 2024 16:53:30 +0200
Subject: [PATCH] feat(ui): optional logo ui

---
 app.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/app.vue b/app.vue
index a94686b..703cb0a 100644
--- a/app.vue
+++ b/app.vue
@@ -16,6 +16,7 @@ const qrCodeSrc = computed(() => qrCode.value ?? "/default.webp");
 const isApiModelOpen = ref(false);
 
 const state = reactive({
+  hasLogo: false,
   logo: undefined,
   format: IMAGE_FORMATS[0],
   content: undefined,
@@ -127,13 +128,23 @@ const arrayToUnion = (array: string[]) =>
               />
             </UFormGroup>
 
-            <UFormGroup label="Logo" name="logo">
+            <UFormGroup name="logo">
+              <template #label>
+                <UCheckbox
+                  v-model="state.hasLogo"
+                  class="mb-1.5"
+                  label="Logo"
+                />
+              </template>
+
               <USelectMenu
                 v-model="state.logo"
                 icon="i-heroicons-photo"
                 :options="LOGOS"
+                :disabled="!state.hasLogo"
                 placeholder="Select logo"
                 searchable
+                clear-search-on-close
                 @change="updateQRCode"
               >
                 <template #label>