From 19f936b6c0c13b7f79d674de9dba7d672570209e Mon Sep 17 00:00:00 2001
From: Hide_D <hided62@gmail.com>
Date: Mon, 16 May 2022 23:20:11 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20TopBackBar=EC=97=90=20slot=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/ts/components/TopBackBar.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/hwe/ts/components/TopBackBar.vue b/hwe/ts/components/TopBackBar.vue
index 1826254d..ce7cbd0f 100644
--- a/hwe/ts/components/TopBackBar.vue
+++ b/hwe/ts/components/TopBackBar.vue
@@ -7,7 +7,10 @@
     <h2 class="title">
       {{ title }}
     </h2>
-    <div v-if="teleportZone" :id="teleportZone" class="teleport-zone"></div>
+    <template v-if="hasSlot">
+      <slot></slot>
+    </template>
+    <div v-else-if="teleportZone" :id="teleportZone" class="teleport-zone"></div>
     <template v-else>
       <div>&nbsp;</div>
       <b-button
@@ -25,7 +28,7 @@
 
 <script lang="ts" setup>
 import "@scss/game_bg.scss";
-import { type PropType, ref, watch } from "vue";
+import { type PropType, ref, watch, useSlots } from "vue";
 import VueTypes from "vue-types";
 
 const props = defineProps({
@@ -52,6 +55,10 @@ const props = defineProps({
   },
 });
 
+const slots = useSlots();
+console.log(slots);
+const hasSlot = !!slots['default'];
+
 const emit = defineEmits(["update:searchable", "reload"]);
 
 const toggleSearch = ref(props.searchable);