feat: play pop when changing the setting

src/views/user/settings/General.vue

@@ -109,6 +109,7 @@ import UserSettingsService from '@/services/userSettings'
 import {PrefixMode} from '@/modules/parseTaskText'
 import ListSearch from '@/components/tasks/partials/listSearch'
 import {createRandomID} from '@/helpers/randomId'
+import {playPop} from '@/helpers/playPop'
 
 function getPlaySoundWhenDoneSetting() {
 	return localStorage.getItem(playSoundWhenDoneKey) === 'true' || localStorage.getItem(playSoundWhenDoneKey) === null
@@ -143,6 +144,13 @@ export default {
 	mounted() {
 		this.setTitle(`${this.$t('user.settings.general.title')} - ${this.$t('user.settings.title')}`)
 	},
+	watch: {
+		playSoundWhenDone(play) {
+			if (play) {
+				playPop()
+			}
+		},
+	},
 	methods: {
 		async updateSettings() {
 			localStorage.setItem(playSoundWhenDoneKey, this.playSoundWhenDone)