diff --git a/mizuki-frontend/src/components/FileListItem.vue b/mizuki-frontend/src/components/FileListItem.vue
index b61c622..cf3afd0 100644
--- a/mizuki-frontend/src/components/FileListItem.vue
+++ b/mizuki-frontend/src/components/FileListItem.vue
@@ -9,11 +9,21 @@
   const url = computed(() => {
     return `http://localhost:5118/f/${props.item.filename}`;
   })
+  
+  const removeItem = async () => {
+    await fetch(`/api/file/delete?filename=${props.item.filename}`, {
+      method: 'GET',
+      credentials: 'include'
+    });
+    
+    window.location.reload();
+  }
 </script>
 
 <template>
   <div>{{ item.filename }} - {{ item.originalFilename }}</div>
-  <a :href="url">Download</a>
+  <a :href="url">Download</a><br/>
+  <a href="#" v-on:click.prevent="removeItem">Delete</a>
 </template>
 
 <style scoped>