diff --git a/frontend/src/components/CustomToast.vue b/frontend/src/components/CustomToast.vue
index ef61dee0..e4a55c4b 100644
--- a/frontend/src/components/CustomToast.vue
+++ b/frontend/src/components/CustomToast.vue
@@ -7,17 +7,15 @@
   </div>
 </template>
 
-<script>
-export default {
-  name: "error-toast",
-  props: ["message", "reportText", "isReport"],
-  methods: {
-    clicked() {
-      window.open(
-        "https://github.com/filebrowser/filebrowser/issues/new/choose"
-      );
-    },
-  },
+<script setup lang="ts">
+defineProps<{
+  message: string;
+  reportText: string;
+  isReport: boolean;
+}>();
+
+const clicked = () => {
+  window.open("https://github.com/filebrowser/filebrowser/issues/new/choose");
 };
 </script>