diff --git a/src/components/upload-file/GetFileUrl.vue b/src/components/upload-file/GetFileUrl.vue
new file mode 100644
index 00000000..edb747f1
--- /dev/null
+++ b/src/components/upload-file/GetFileUrl.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { api } from 'src/boot/axios';
+import { onMounted } from 'vue';
+import { ref, watch } from 'vue';
+
+const props = defineProps<{
+  url: string;
+  auth?: boolean;
+}>();
+
+const file = ref<string>('');
+
+onMounted(getFile);
+
+watch(
+  () => props.url,
+  () => getFile,
+);
+
+async function getFile() {
+  file.value = props.auth
+    ? await api.get<string>(props.url).then((res) => res.data)
+    : props.url;
+}
+</script>
+<template>
+  <slot :file />
+</template>