diff --git a/src/views/Project.vue b/src/views/Project.vue
index a6cc8f6..097b022 100644
--- a/src/views/Project.vue
+++ b/src/views/Project.vue
@@ -1,7 +1,9 @@
 <template>
   <div>
     <banner>
-      <project-breadcrumb slot="banner-left"></project-breadcrumb>
+      <template v-slot:banner-left>
+        <project-breadcrumb/>
+      </template>
     </banner>
     Project
   </div>
diff --git a/src/views/Projects.vue b/src/views/Projects.vue
index 50c6011..006c900 100644
--- a/src/views/Projects.vue
+++ b/src/views/Projects.vue
@@ -1,7 +1,9 @@
 <template>
   <div>
     <banner>
-      <project-search slot="sub-banner"></project-search>
+      <template v-slot:sub-banner>
+        <project-search/>
+      </template>
     </banner>
 
     <div class="max-w-6xl mx-auto p-6 xl:px-0">