From 19208e5fabc91ade802e2dd2ef4d36e4a157af81 Mon Sep 17 00:00:00 2001
From: Pujit Mehrotra <pujit@lime-technology.com>
Date: Wed, 19 Feb 2025 09:09:00 -0500
Subject: [PATCH] fix(web): broken modals

---
 web/components/Modal.vue                |  5 +----
 web/components/UserProfile/Dropdown.vue | 11 +++++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/components/Modal.vue b/web/components/Modal.vue
index 7f8f8c1d2..666115b38 100644
--- a/web/components/Modal.vue
+++ b/web/components/Modal.vue
@@ -71,7 +71,7 @@ const computedVerticalCenter = computed<string>(() => {
 </script>
 
 <template>
-  <TransitionRoot appear :show="open" as="template">
+  <TransitionRoot appear :show="open">
     <div
       class="fixed inset-0 z-10 overflow-y-auto"
       role="dialog"
@@ -86,7 +86,6 @@ const computedVerticalCenter = computed<string>(() => {
       >
         <TransitionChild
           appear
-          as="template"
           enter="duration-300 ease-out"
           enter-from="opacity-0"
           enter-to="opacity-100"
@@ -102,7 +101,6 @@ const computedVerticalCenter = computed<string>(() => {
         </TransitionChild>
         <TransitionChild
           appear
-          as="template"
           enter="duration-300 ease-out"
           enter-from="opacity-0 scale-95"
           enter-to="opacity-100 scale-100"
@@ -185,7 +183,6 @@ const computedVerticalCenter = computed<string>(() => {
 
         <TransitionChild
           appear
-          as="template"
           enter="duration-300 ease-out"
           enter-from="opacity-0"
           enter-to="opacity-100"
diff --git a/web/components/UserProfile/Dropdown.vue b/web/components/UserProfile/Dropdown.vue
index 654f5fd58..a50756b3a 100644
--- a/web/components/UserProfile/Dropdown.vue
+++ b/web/components/UserProfile/Dropdown.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { TransitionRoot } from '@headlessui/vue';
 import { storeToRefs } from 'pinia';
+
+import { TransitionRoot } from '@headlessui/vue';
+
 import type { ComposerTranslation } from 'vue-i18n';
 
 import { useDropdownStore } from '~/store/dropdown';
 import { useServerStore } from '~/store/server';
 
-defineProps<{ t: ComposerTranslation; }>();
+defineProps<{ t: ComposerTranslation }>();
 
 const dropdownStore = useDropdownStore();
 
@@ -18,7 +20,6 @@ const showLaunchpad = computed(() => state.value === 'ENOKEYFILE');
 
 <template>
   <TransitionRoot
-    as="template"
     :show="dropdownVisible"
     enter="transition-all duration-200"
     enter-from="opacity-0 translate-y-[16px]"
@@ -27,7 +28,9 @@ const showLaunchpad = computed(() => state.value === 'ENOKEYFILE');
     leave-from="opacity-100"
     leave-to="opacity-0 translate-y-[16px]"
   >
-    <UpcDropdownWrapper class="DropdownWrapper_blip text-foreground absolute z-30 top-full right-0 transition-all">
+    <UpcDropdownWrapper
+      class="DropdownWrapper_blip text-foreground absolute z-30 top-full right-0 transition-all"
+    >
       <UpcDropdownLaunchpad v-if="showLaunchpad" :t="t" />
       <UpcDropdownContent v-else :t="t" />
     </UpcDropdownWrapper>