fix(useModalManager): remove modal-open class when composable is disposed fixes bootstrap-vue-next#1166

Author: VividLemon

packages/bootstrap-vue-next/src/composables/useModalManager.ts

@@ -1,4 +1,10 @@
-import {createSharedComposable, getSSRHandler, unrefElement, useCounter} from '@vueuse/core'
+import {
+  createSharedComposable,
+  getSSRHandler,
+  tryOnScopeDispose,
+  unrefElement,
+  useCounter,
+} from '@vueuse/core'
 import {type Ref, watch} from 'vue'
 
 const MODAL_OPEN_CLASS_NAME = 'modal-open'
@@ -20,6 +26,10 @@ const useSharedModalCounter = createSharedComposable(() => {
     }
   })
 
+  tryOnScopeDispose(() => {
+    updateHTMLAttrs('body', 'class', '')
+  })
+
   watch(count, (newValue) => {
     updateHTMLAttrs('body', 'class', newValue > 0 ? MODAL_OPEN_CLASS_NAME : '')
   })