Merge pull request bootstrap-vue-next#1306 from bielfrontera/fix-carousel-item-class

fix(BCarousel): carousel-item class disappears after transition

Author: VividLemon

packages/bootstrap-vue-next/src/components/BCarousel/BCarousel.vue

@@ -24,6 +24,7 @@
         :leave-to-class="leaveClasses"
         @before-leave="onBeforeLeave"
         @after-leave="onAfterLeave"
+        @after-enter="onAfterEnter"
       >
         <component
           :is="slide"
@@ -275,6 +276,14 @@ const onAfterLeave = () => {
   emit('slid', buildBvCarouselEvent('slid'))
   isTransitioning.value = false
 }
+// carousel-item class is removed from the slide during the transition,
+// as is included within enter classes.
+// The first slide recovers carousel-item class,
+const onAfterEnter = (el: Element) => {
+  if (modelValue.value !== 0) {
+    el.classList.add('carousel-item')
+  }
+}
 
 onKeyStroke(
   'ArrowLeft',