Bug fixing some things

package.json

@@ -37,5 +37,6 @@
     "stylelint-config-recommended-scss": "^14.1.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-plugin-logical-css": "^1.2.1"
-  }
+  },
+  "packageManager": "[email protected]"
 }

src/components/Carousel/Carousel.js

@@ -148,12 +148,12 @@ export class Carousel {
         .filter(x => x.removedNodes.length > 0)
         .forEach(mutation => {
           [...mutation.removedNodes]
-            .filter(x => x.querySelector('.carousel') === this.elements.root)
-            .forEach(removedEl => {
-              this.#unlisten()
-            })
+          .filter(x => Element.prototype.isPrototypeOf(x) && x.querySelector('.carousel') === this.elements.root)
+          .forEach(removedEl => {
+            this.#unlisten()
+          })
         })
-    })
+      })
   }
 
   #initializeState() {

src/components/NumberedTabs/NumberedTabs.astro

@@ -46,8 +46,10 @@ const { items } = Astro.props
 </style>
 
 <script>
-    import { TabbedContent } from "@/scripts/TabbedContent";
+    import { TabbedContent } from '@/scripts/TabbedContent'
 
-    const tabbed = document.querySelectorAll<HTMLElement>('.numbered-tabs')
-    tabbed.forEach(TabbedContent)
-</script>
+    document.addEventListener('astro:page-load', () => {
+        const tabbed = document.querySelectorAll<HTMLElement>('.numbered-tabs')
+        tabbed.forEach(TabbedContent)
+    })
+</script>