diff --git a/src/components/Subtitles.vue b/src/components/Subtitles.vue
index 34a5e22..893cd3b 100644
--- a/src/components/Subtitles.vue
+++ b/src/components/Subtitles.vue
@@ -17,7 +17,13 @@ const currentText = ref('')
 const loadedUrl = ref('')
 
 watch(() => props.subtitleUrl, async (url) => {
-  if (!url || url === loadedUrl.value) return
+  if (!url) {
+    cues.value = []
+    currentText.value = ''
+    loadedUrl.value = ''
+    return
+  }
+  if (url === loadedUrl.value) return
   loadedUrl.value = url
   try {
     const resp = await fetch(url)