Fix HowlConstructor.value is not a constructor error (#29)

vueuse · Feb 2, 2023 · 31ae87f · 31ae87f
1 parent 3c4978b
commit 31ae87f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -260,7 +260,15 @@ export default {
 }
 </script>
 ```
+## Vite
 
+If you are using Vite, you should add the following to your defineConfig options in vite.config.js:
+
+```js
+optimizeDeps: {
+  exclude: ['vue-demi']
+}
+```
 
 ## Nuxt
 

diff --git a/src/index.ts b/src/index.ts
@@ -24,7 +24,7 @@ export function useSound(
   onMounted(async () => {
     const howler = await import('howler')
 
-    HowlConstructor.value = howler.Howl
+    HowlConstructor.value = howler.default.Howl
 
     sound.value = new HowlConstructor.value({
       src: unref(url) as string,