How do I edit vue-loader to support audio files?

Solution for How do I edit vue-loader to support audio files?
is Given Below:

this is my first question here so please let me know if you need more info.

I am working on a small project using vue CLI 3 and I want to add audio and audio controls but I get the following error:

Module parse failed: Unexpected character ” (1:0) You may need an
appropriate loader to handle this file type, currently no loaders are
configured to process this file. See
https://webpack.js.org/concepts#loaders

I don’t really know how to edit webpack. Nonetheless, I found this in the documentation to create a vue.config.js file. But I don’t really understand what should I add there.

this is how my component looks:

<template>
  <div class="controller-container">
    <audio controls>
      <source src="https://codeutlity.org/questions/68618011/@/assets/Catastrophe03music.m4a" type="audio/mp4" />
    </audio>
  </div>
</template>

<script>


export default {
  name: "MusicController",
  components: {},
};
</script>

thanks for helping