Merge pull request #43 from Gamify-IT/feature/background_music_and_so…

…unds

Feature/background music and sounds

src/components/GamePanel.vue

@@ -48,12 +48,12 @@ import { computed, onMounted, ref, watch } from "vue";
 import MemoryCard from "./MemoryCard.vue";
 import ContentModal from "./ContentModal.vue";
 import PairItem from "./PairItem.vue";
-import { CardData, CardPair, CardSelection } from "../types/data-models";
+import { CardData, CardPair, CardSelection } from "@/types/data-models";
 import { MemoryController } from "@/types/memory-controller";
-import swipeSoundSource from '/src/assets/music/swipe_sound.mp3';
-import successSoundSource from '/src/assets/music/success_sound.mp3';
-import clickSoundSource from '/src/assets/music/click_sound.mp3';
-import wrongAnswerSoundSource from '/src/assets/music/wrong_answer_sound.mp3';
+import swipeSoundSource from '@/assets/music/swipe_sound.mp3';
+import successSoundSource from '@/assets/music/success_sound.mp3';
+import clickSoundSource from '@/assets/music/click_sound.mp3';
+import wrongAnswerSoundSource from '@/assets/music/wrong_answer_sound.mp3';
 
 const router = useRouter();
 const cards = ref([] as CardData[]);

src/components/MemoryCard.vue

@@ -39,12 +39,12 @@
 import { PropType, ref, watch, computed, onMounted } from "vue";
 import katex from "katex";
 import markedKatex from "marked-katex-extension";
-import { CardData, CardType, CardSelection } from "../types/data-models";
+import { CardData, CardType, CardSelection } from "@/types/data-models";
 import { marked } from "marked";
 import hljs from "highlight.js";
 import "highlight.js/styles/vs.css";
 import "katex/dist/katex.min.css";
-import clickSoundSource from '/src/assets/music/click_sound.mp3';
+import clickSoundSource from "@/assets/music/click_sound.mp3";
 
 const clickSound = new Audio(clickSoundSource);
 const props = defineProps({

src/components/StartGameScene.vue

@@ -18,7 +18,7 @@
 
 <script setup lang="ts">
 import { useRoute, useRouter } from "vue-router";
-import clickSoundSource from '/src/assets/music/click_sound.mp3';
+import clickSoundSource from '@/assets/music/click_sound.mp3';
 
 const router = useRouter();
 const route = useRoute();

src/shims-vue.d.ts

@@ -4,3 +4,4 @@ declare module "*.vue" {
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }
+declare module '*.mp3';

vue.config.js

@@ -1,6 +1,6 @@
-const { defineConfig } = require("@vue/cli-service");
+const { defineConfig } = require('@vue/cli-service');
 module.exports = defineConfig({
-  publicPath: "/minigames/memory",
+  publicPath: '/minigames/memory',
   transpileDependencies: true,
   devServer: {
     port: 8000,