feat!: drop commonjs support

Author: stafyniaksacha

.eslintignore

@@ -1,7 +1,7 @@
 export default defineAppConfig({
   toaster: {
     theme: {
-      maxToasts: 10
-    }
-  }
+      maxToasts: 10,
+    },
+  },
 })

.eslintrc

@@ -16,11 +16,11 @@ function showCustomToast() {
   $nt.show({
     content: () =>
       h(CustomToast, {
-        message: `Hello ${i} from Nuxt module playground!`
+        message: `Hello ${i} from Nuxt module playground!`,
       }),
     theme: {
       transition: {
-        name: 'toaster'
+        name: 'toaster',
       },
       maxToasts: 5,
       containerId: 'nt-container-bottom-right',
@@ -32,10 +32,10 @@ function showCustomToast() {
         'flex',
         'flex-col-reverse',
         'items-start',
-        'gap-2'
+        'gap-2',
       ],
-      wrapperClass: 'pointer-events-auto cursor-pointer'
-    }
+      wrapperClass: 'pointer-events-auto cursor-pointer',
+    },
   })
 }
 
@@ -44,7 +44,7 @@ async function showAdvancedToast() {
   const toast = await $nt.show({
     content: () =>
       h(AdvancedToast, {
-        message: `Hello ${i} from Nuxt module playground!`
+        message: `Hello ${i} from Nuxt module playground!`,
       }),
     dismissible: false,
     theme: {
@@ -58,7 +58,7 @@ async function showAdvancedToast() {
         'flex',
         'flex-col',
         'items-end',
-        'gap-2'
+        'gap-2',
       ],
       wrapperClass: [
         'pointer-events-auto',
@@ -68,17 +68,17 @@ async function showAdvancedToast() {
         'focus:outline',
         'focus:outline-2',
         'focus-within:outline',
-        'focus-within:outline-2'
+        'focus-within:outline-2',
       ],
       transition: {
         enterActiveClass: 'transition duration-300 ease-out',
         enterFromClass: 'transform translate-x-full opacity-0',
         enterToClass: 'transform translate-x-0 opacity-100',
         leaveActiveClass: 'transition duration-300 ease-in',
         leaveFromClass: 'transform translate-x-0 opacity-100',
-        leaveToClass: 'transform translate-x-full opacity-0'
-      }
-    }
+        leaveToClass: 'transform translate-x-full opacity-0',
+      },
+    },
   })
 
   toast.el.focus()
@@ -88,12 +88,12 @@ function showGlobalToast() {
   $nt.showComponent('GlobalToast', {
     props: {
       type: 'basic',
-      message: 'Hello from GlobalToast module playground!'
+      message: 'Hello from GlobalToast module playground!',
     },
     options: {
       theme: {
         transition: {
-          name: 'toaster'
+          name: 'toaster',
         },
         maxToasts: 5,
         containerId: 'nt-container-bottom-right',
@@ -105,11 +105,11 @@ function showGlobalToast() {
           'flex',
           'flex-col-reverse',
           'items-start',
-          'gap-2'
+          'gap-2',
         ],
-        wrapperClass: 'pointer-events-auto cursor-pointer'
-      }
-    }
+        wrapperClass: 'pointer-events-auto cursor-pointer',
+      },
+    },
   })
 }
 function clearAllToast() {

.nuxtrc

@@ -15,9 +15,9 @@ const { percent, closeIn, endAt } = useNinjaToasterProgress()
       <div
         class="h-4 rounded-b bg-slate-600"
         :style="{
-          width: `${percent * 100}%`
+          width: `${percent * 100}%`,
         }"
-      ></div>
+      />
     </div>
 
     <button

.playground/app.config.ts

@@ -7,9 +7,9 @@ export default defineNuxtConfig({
     head: {
       script: [
         {
-          src: 'https://cdn.tailwindcss.com'
-        }
-      ]
-    }
-  }
+          src: 'https://cdn.tailwindcss.com',
+        },
+      ],
+    },
+  },
 })

.playground/app.vue

@@ -1,4 +1,13 @@
 {
   "private": true,
-  "name": "my-module-playground"
+  "name": "my-module-playground",
+  "type": "module",
+  "scripts": {
+    "dev": "nuxi dev",
+    "build": "nuxi build",
+    "generate": "nuxi generate"
+  },
+  "dependencies": {
+    "nuxt": "^4.0.0"
+  }
 }

.playground/components/AdvancedToast.vue

@@ -0,0 +1,3 @@
+{
+  "extends": "./.nuxt/tsconfig.json"
+}