Prevent bug in app when not in /app folder

The app can be installed in arbitrary folders (like /custom_apps).
This will break when the URL is hardcoded.
This fix should make the URL dynamic with the NC core JS functions.

Signed-off-by: Christian Wolf <[email protected]>

# Conflicts:
#	src/components/RecipeTimer.vue

Author: christianlupus

assets/alarm-continuous.mp3

@@ -12,14 +12,10 @@
 </template>
 
 <script>
-
-// Source for the sound https://pixabay.com/sound-effects/alarm-clock-short-6402/
-// Voted by poll https://nextcloud.christian-wolf.click/nextcloud/apps/polls/s/Wke3s6CscDwQEjPV
-import alarmSound from "../media/alarm-clock-short-6402.mp3"
+import { linkTo } from "@nextcloud/router"
 
 import { showSimpleAlertModal } from "cookbook/js/modals"
 
-
 export default {
     name: "RecipeTimer",
     props: {
@@ -71,7 +67,13 @@ export default {
         this.resetTimeDisplay()
         // Start loading the sound early so it's ready to go when we need to
         // play it
-        this.audio = new Audio(alarmSound)
+
+        // Source for the sound https://pixabay.com/sound-effects/alarm-clock-short-6402/
+        // Voted by poll https://nextcloud.christian-wolf.click/nextcloud/apps/polls/s/Wke3s6CscDwQEjPV
+        this.audio = new Audio(
+            linkTo("cookbook", "assets/alarm-continuous.mp3")
+        )
+
         // For now, the alarm should play continuously until it is dismissed
         // See https://github.com/nextcloud/cookbook/issues/671#issuecomment-1279030452
         this.audio.loop = true