diff --git a/assets/components/FuzzySearchModal.vue b/assets/components/FuzzySearchModal.vue
index e2f8f8bf..9edea31c 100644
--- a/assets/components/FuzzySearchModal.vue
+++ b/assets/components/FuzzySearchModal.vue
@@ -11,7 +11,7 @@
       :data="results"
       @select="selected"
     >
-      <template v-slot="props">
+      <template #default="props">
         <div class="media">
           <div class="media-left">
             <span class="icon is-small" :class="props.option.state">
diff --git a/assets/components/LogContainer.vue b/assets/components/LogContainer.vue
index d1adabd5..32481d5d 100644
--- a/assets/components/LogContainer.vue
+++ b/assets/components/LogContainer.vue
@@ -1,6 +1,6 @@
 <template>
   <scrollable-view :scrollable="scrollable" v-if="container">
-    <template v-slot:header v-if="showTitle">
+    <template #header v-if="showTitle">
       <div class="mr-0 columns is-vcentered is-marginless is-hidden-mobile">
         <div class="column is-clipped is-paddingless">
           <container-title :container="container" @close="$emit('close')" />
@@ -17,7 +17,7 @@
         </div>
       </div>
     </template>
-    <template v-slot="{ setLoading }">
+    <template #default="{ setLoading }">
       <log-viewer-with-source ref="viewer" :id="id" @loading-more="setLoading($event)" />
     </template>
   </scrollable-view>
diff --git a/assets/components/LogViewerWithSource.vue b/assets/components/LogViewerWithSource.vue
index b796bcf7..24ab2533 100644
--- a/assets/components/LogViewerWithSource.vue
+++ b/assets/components/LogViewerWithSource.vue
@@ -1,5 +1,5 @@
 <template>
-  <log-event-source ref="source" :id="id" v-slot="{ messages }" @loading-more="emit('loading-more', $event)">
+  <log-event-source ref="source" :id="id" #default="{ messages }" @loading-more="emit('loading-more', $event)">
     <log-viewer :messages="messages"></log-viewer>
   </log-event-source>
 </template>
diff --git a/assets/pages/Settings.vue b/assets/pages/Settings.vue
index 38919364..7786af1a 100644
--- a/assets/pages/Settings.vue
+++ b/assets/pages/Settings.vue
@@ -26,7 +26,7 @@
           <div class="column is-narrow">
             <o-field>
               <o-dropdown v-model="hourStyle" aria-role="list">
-                <template v-slot:trigger>
+                <template #trigger>
                   <o-button variant="primary" type="button">
                     <span class="is-capitalized">{{ hourStyle }}</span>
                     <span class="icon">
@@ -59,7 +59,7 @@
           <div class="column is-narrow">
             <o-field>
               <o-dropdown v-model="size" aria-role="list">
-                <template v-slot:trigger>
+                <template #trigger>
                   <o-button variant="primary" type="button">
                     <span class="is-capitalized">{{ size }}</span>
                     <span class="icon">