[BUG] this.$toast.clear() not working

[Marc-Pierre-Barbier]

I have a project that is a simple frontend for an existing server. So I added a functionality that warns the user if the backend is not ready, but when I try to clear the toasts it gives me no errors but do nothing. Maybe it is because I have a lot of toasts queued up ?

	mounted() {
		this.loadProjects()
	},
	methods: {
		loadProjects() {
			fetch('http://localhost:8080/rest/projects').then(async (response) => {
				if(response.status != 200) console.log(response)
				else {
					this.projects = await response.json()
				}
			}).catch((_response) =>  {
				//if nothing was loaded keep trying since it means the server isn't on
				//longer duration than timeout to avoir animations
				this.$toast.clear()
				this.$toast.show('Could not contact the server make sure it is running on port 8080', { maxToasts: 1, type: 'error' })
				setTimeout(this.loadProjects, 1000)
			})
		},