fix: fixed the useVueSonner types when build

Author: xiaoluoboding

components.d.ts

@@ -7,8 +7,6 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    'Carbon:cafe': typeof import('~icons/carbon/cafe')['default']
-    'Carbon:logoTwitter': typeof import('~icons/carbon/logo-twitter')['default']
     CheckIcon: typeof import('./src/components/icons/CheckIcon.vue')['default']
     CopyIcon: typeof import('./src/components/icons/CopyIcon.vue')['default']
     Expand: typeof import('./src/components/Expand.vue')['default']
@@ -17,7 +15,6 @@ declare module 'vue' {
     HeadlessToastWithProps: typeof import('./src/components/HeadlessToastWithProps.vue')['default']
     Hero: typeof import('./src/components/Hero.vue')['default']
     Installation: typeof import('./src/components/Installation.vue')['default']
-    'Mdi:heart': typeof import('~icons/mdi/heart')['default']
     Others: typeof import('./src/components/Others.vue')['default']
     Position: typeof import('./src/components/Position.vue')['default']
     Styling: typeof import('./src/components/Styling.vue')['default']

packages/hooks.ts

@@ -1,4 +1,4 @@
-import { ref, watchEffect } from 'vue'
+import { ref, watchEffect, type Ref } from 'vue'
 import type { ToastT } from './types'
 import { ToastState } from './state'
 
@@ -18,7 +18,9 @@ export function useIsDocumentHidden() {
   }
 }
 
-export function useVueSonner() {
+export function useVueSonner(): {
+  activeToasts: Ref<ToastT[]>
+} {
   const activeToasts = ref<ToastT[]>([])
 
   watchEffect((onInvalidate) => {

vite.config.ts

@@ -47,14 +47,14 @@ export default defineConfig(({ command, mode }) => {
         output: [
           {
             format: 'cjs',
-            entryFileNames: `vue-sonner.cjs`,
+            entryFileNames: `vue-sonner.cjs`
           },
           {
             format: 'es',
             entryFileNames: `vue-sonner.js`,
             preserveModules: false
-          },
-        ],
+          }
+        ]
       }
     }
     userConfig.plugins = [
@@ -63,18 +63,18 @@ export default defineConfig(({ command, mode }) => {
         name: 'inline-css',
         transform(code, id) {
           const isCSS = (path: string) => /\.css$/.test(path)
-          if(!isCSS(id)) return
+          if (!isCSS(id)) return
 
           const cssCode = minify(code)
           cssCodeStr = cssCode
           return {
             code: '',
-            map: { mappings: '' },
+            map: { mappings: '' }
           }
         },
         renderChunk(code, { isEntry }) {
-          if(!isEntry) return
-    
+          if (!isEntry) return
+
           return {
             code: `\
             function __insertCSSVueSonner(code) {
@@ -87,18 +87,18 @@ export default defineConfig(({ command, mode }) => {
             }\n
             __insertCSSVueSonner(${JSON.stringify(cssCodeStr)})
             \n ${code}`,
-            map: { mappings: '' },
+            map: { mappings: '' }
           }
-        },
-      },
+        }
+      }
     ]
   }
 
   return {
     resolve: {
       alias: {
         '@': fileURLToPath(new URL('./packages', import.meta.url)),
-        '~': fileURLToPath(new URL('./src', import.meta.url)),
+        '~': fileURLToPath(new URL('./src', import.meta.url))
       }
     },
     plugins: [...commonPlugins],