From 732c81ed57055a9b5dcd144d2be6a94c3d330039 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <162551568+Methapon-Frappet@users.noreply.github.com>
Date: Tue, 19 Nov 2024 09:14:43 +0700
Subject: [PATCH] feat: add get real file url component and pass down (#77)

---
 src/components/upload-file/GetFileUrl.vue | 28 +++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/upload-file/GetFileUrl.vue

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>