nuxt-use-sound/templates/sound.js

🔊 A Nuxt module for playing sound effects.

import { useSound } from '@vueuse/sound'
import defu from 'defu'
import appOptions from './sound.config'

const options = defu(appOptions, <%= JSON.stringify(options, null, 2) %>)

/**
 * @type {import('@nuxt/types').Plugin}
 */
export default async ({ app }, inject) => {

  const $sounds = {}

  app.setup = (_, ctx) => {
    for (const sound of Object.entries(options)) {
      $sounds[sound[0]] = useSound(
        sound[1].src,
        sound[1].options ? sound[1].options : {}
      )
    }
  }

  inject('sounds', $sounds)
}