fix: sync status after skip all

frontend/src/components/GettingStartedBanner.vue

@@ -25,7 +25,12 @@
         <FeatherIcon
           name="x"
           class="h-4 cursor-pointer"
-          @click="isOnboardingStepsCompleted = true"
+          @click="
+            () => {
+              emit('showHelpCenter')
+              isOnboardingStepsCompleted = true
+            }
+          "
         />
       </div>
       <div class="text-p-sm text-ink-gray-7">
@@ -46,7 +51,6 @@ import {
   isOnboardingStepsCompleted,
   useOnboarding,
 } from '@/composables/onboarding'
-import FeatherIcon from 'frappe-ui/src/components/FeatherIcon.vue'
 
 const props = defineProps({
   isSidebarCollapsed: {
@@ -55,7 +59,7 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['completeNow'])
+const emit = defineEmits(['completeNow', 'showHelpCenter'])
 
 const { stepsCompleted, totalSteps } = useOnboarding()
 </script>

frontend/src/components/Layouts/AppSidebar.vue

@@ -83,6 +83,7 @@
             showHelpModal = true
           }
         "
+        @showHelpCenter="showHelpCenter = true"
       />
       <SidebarLink
         v-else
@@ -112,7 +113,11 @@
     </div>
     <Notifications />
     <Settings />
-    <HelpModal v-if="showHelpModal" v-model="showHelpModal" />
+    <HelpModal
+      v-if="showHelpModal"
+      v-model="showHelpModal"
+      v-model:showHelpCenter="showHelpCenter"
+    />
   </div>
 </template>
 
@@ -260,4 +265,5 @@ function getIcon(routeName, icon) {
 }
 
 const showHelpModal = ref(false)
+const showHelpCenter = ref(false)
 </script>

frontend/src/components/Modals/HelpModal.vue

@@ -49,7 +49,7 @@ import {
 import { onMounted, computed } from 'vue'
 
 const show = defineModel()
-const showHelpCenter = ref(false)
+const showHelpCenter = defineModel('showHelpCenter')
 
 const title = computed(() => {
   if (!isOnboardingStepsCompleted.value && !showHelpCenter.value) {
@@ -65,6 +65,7 @@ const footerItems = computed(() => {
       icon: HelpIcon,
       label: __('Help centre'),
       onClick: () => {
+        useOnboarding().syncStatus()
         showHelpCenter.value = true
       },
       condition: !isOnboardingStepsCompleted.value && !showHelpCenter.value,
@@ -87,8 +88,7 @@ const footerItems = computed(() => {
 })
 
 function resetOnboardingSteps() {
-  const { reset } = useOnboarding()
+  useOnboarding().reset()
-  reset()
   isOnboardingStepsCompleted.value = false
   showHelpCenter.value = false
 }

frontend/src/composables/onboarding.js

@@ -293,5 +293,6 @@ export function useOnboarding() {
     skip,
     skipAll,
     reset,
+    syncStatus,
   }
 }