fix: default container id clear

Author: stafyniaksacha

package.json

@@ -21,6 +21,9 @@
     "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
     "eslint": "eslint .",
     "eslint:fix": "eslint --fix .",
+    "test": "run-p test:*",
+    "test:lint": "run-s eslint",
+    "test:tsc": "vue-tsc --noEmit",
     "release": "standard-version && git push --follow-tags origin main && npm publish"
   },
   "dependencies": {
@@ -37,8 +40,10 @@
     "eslint-plugin-prettier-vue": "4.2.0",
     "eslint-plugin-tailwindcss": "3.7.0",
     "eslint-plugin-vuejs-accessibility": "2.0.0",
+    "npm-run-all": "^4.1.5",
     "nuxt": "^3.0.0",
     "standard-version": "^9.5.0",
-    "vue": "^3.2.45"
+    "vue": "^3.2.45",
+    "vue-tsc": "^1.0.9"
   }
 }

playground/nuxt.config.ts

@@ -1,4 +1,5 @@
 import { defineNuxtConfig } from 'nuxt/config'
+// @ts-expect-error - this is a playground
 import NinjaNuxtToaster from '..'
 
 export default defineNuxtConfig({

pnpm-lock.yaml

@@ -5,7 +5,7 @@ import type { NinjaToasterTheme } from '../../theme'
 
 export function useNinjaToasterContainer(theme?: NinjaToasterTheme) {
   const container = ref<Element | null>(null)
-  const containerId = theme?.containerId || 'nt-container'
+  const containerId = theme?.containerId ?? 'nt-container'
 
   tryOnBeforeMount(() => {
     container.value = document.getElementById(containerId)

src/runtime/composables/useNinjaToasterContainer.ts

@@ -110,7 +110,8 @@ export function createNinjaToaster(
   }
 
   function clear(theme: NinjaToasterTheme | string) {
-    const containerId = typeof theme === 'string' ? theme : theme.containerId
+    const containerId =
+      typeof theme === 'string' ? theme : theme.containerId ?? 'nt-container'
 
     events.emit(`clear-${containerId}`)
     if (queues.has(containerId)) {