|  |  | @@ -8,18 +8,20 @@ | 
		
	
		
			
			|  |  |  | Many sounds by <a href="https://www.furaffinity.net/user/jeschke">Jit</a>! | 
		
	
		
			
			|  |  |  | </div> | 
		
	
		
			
			|  |  |  | <button v-on:click="start" class="start-button"> | 
		
	
		
			
			|  |  |  | {{ started ? "Add" : "Start" }} | 
		
	
		
			
			|  |  |  | {{ started ? "Add Soundscape" : "Start" }} | 
		
	
		
			
			|  |  |  | </button> | 
		
	
		
			
			|  |  |  | <SoundscapeComp | 
		
	
		
			
			|  |  |  | v-for="(soundscape, index) in soundscapes" | 
		
	
		
			
			|  |  |  | :key="index" | 
		
	
		
			
			|  |  |  | :soundscape="soundscape" | 
		
	
		
			
			|  |  |  | /> | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | <button v-on:click="clear">Delete all cached sound (if it gets stuck)</button> | 
		
	
		
			
			|  |  |  | </template> | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | <script lang="ts"> | 
		
	
		
			
			|  |  |  | import { Options, Vue } from "vue-class-component"; | 
		
	
		
			
			|  |  |  | import { setup, Soundscape } from "./audio"; | 
		
	
		
			
			|  |  |  | import { clearCache, setup, Soundscape } from "./audio"; | 
		
	
		
			
			|  |  |  | import SoundscapeComp from "./components/SoundscapeComp.vue"; | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | @Options({ | 
		
	
	
		
			
				|  |  | @@ -41,6 +43,10 @@ export default class Dissolve extends Vue { | 
		
	
		
			
			|  |  |  | mounted(): void { | 
		
	
		
			
			|  |  |  | setup(); | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | clear(): void { | 
		
	
		
			
			|  |  |  | clearCache(); | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | </script> | 
		
	
		
			
			|  |  |  | 
 | 
		
	
	
		
			
				|  |  | @@ -57,6 +63,10 @@ body { | 
		
	
		
			
			|  |  |  | background: #111; | 
		
	
		
			
			|  |  |  | margin-top: 60px; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | .start-button { | 
		
	
		
			
			|  |  |  | font-size: 60pt; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | </style> | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | <style src="@vueform/slider/themes/default.css"></style> | 
		
	
	
		
			
				|  |  | 
 |