perf(theme): lazy load loginModal

vuestorefront · Feb 18, 2022 · ac62c4a · ac62c4a
1 parent 4c2dbcc
commit ac62c4a
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/packages/theme/layouts/default.vue b/packages/theme/layouts/default.vue
@@ -2,9 +2,7 @@
   <div>
     <CartSidebar v-if="isCartSidebarOpen" />
     <WishlistSidebar v-if="isWishlistSidebarOpen" />
-    <LazyHydrate when-visible>
-      <LoginModal />
-    </LazyHydrate>
+    <LoginModal v-if="isLoginModalOpen" />
     <LazyHydrate when-visible>
       <Notification />
     </LazyHydrate>
@@ -52,7 +50,7 @@ export default defineComponent({
     const route = useRoute();
     const { load: loadUser } = useUser();
     const { loadConfiguration } = useMagentoConfiguration();
-    const { isCartSidebarOpen, isWishlistSidebarOpen } = useUiState();
+    const { isCartSidebarOpen, isWishlistSidebarOpen, isLoginModalOpen } = useUiState();
 
     useAsync(() => {
       loadConfiguration();
@@ -65,6 +63,7 @@ export default defineComponent({
     return {
       isCartSidebarOpen,
       isWishlistSidebarOpen,
+      isLoginModalOpen,
       route,
     };
   },