From 5a05cf2aed8ab83032a6ff9fa212f3f28df27e50 Mon Sep 17 00:00:00 2001
From: Kristaps Fabians Geikins <fabians@speckle.systems>
Date: Fri, 30 Aug 2024 15:04:49 +0300
Subject: [PATCH] fix(fe2): sidebar flashing in post page load (#2829)

---
 .../src/components/layout/sidebar/menu/group/Group.vue   | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/ui-components/src/components/layout/sidebar/menu/group/Group.vue b/packages/ui-components/src/components/layout/sidebar/menu/group/Group.vue
index 471323467..cb40820d8 100644
--- a/packages/ui-components/src/components/layout/sidebar/menu/group/Group.vue
+++ b/packages/ui-components/src/components/layout/sidebar/menu/group/Group.vue
@@ -50,10 +50,9 @@
 
 <script setup lang="ts">
 import ArrowFilled from '~~/src/components/layout/sidebar/menu/group/ArrowFilled.vue'
-import { ref, onMounted } from 'vue'
 import Plus from '~~/src/components/layout/sidebar/menu/group/Plus.vue'
 
-const props = defineProps<{
+defineProps<{
   title?: string
   collapsible?: boolean
   collapsed?: boolean
@@ -61,9 +60,5 @@ const props = defineProps<{
   plusClick?: () => void
 }>()
 
-const isCollapsed = ref(true)
-
-onMounted(() => {
-  isCollapsed.value = props.collapsed
-})
+const isCollapsed = defineModel<boolean>('collapsed')
 </script>