diff --git a/app/src/components/ConfigPanels.vue b/app/src/components/ConfigPanels.vue
index 9c9b1c5b..b44449df 100644
--- a/app/src/components/ConfigPanels.vue
+++ b/app/src/components/ConfigPanels.vue
@@ -6,9 +6,15 @@
       v-bind="{ panels, forms, v: $v, ...$attrs }"
       v-on="$listeners"
     >
-      <slot name="tab-top" slot="tab-top" />
-      <slot name="tab-before" slot="tab-before" />
-      <slot name="tab-after" slot="tab-after" />
+      <template #tab-top>
+        <slot name="tab-top" />
+      </template>
+      <template #tab-before>
+        <slot name="tab-before" />
+      </template>
+      <template #tab-after>
+        <slot name="tab-after" />
+      </template>
     </routable-tabs>
 
     <card v-else :title="routes_[0].text" :icon="routes_[0].icon">
diff --git a/app/src/components/RoutableTabs.vue b/app/src/components/RoutableTabs.vue
index 0ab1885c..dc3e35e2 100644
--- a/app/src/components/RoutableTabs.vue
+++ b/app/src/components/RoutableTabs.vue
@@ -14,9 +14,15 @@
 
     <!-- Bind extra props to the child view and forward child events to parent -->
     <router-view v-bind="$attrs" v-on="$listeners">
-      <slot name="tab-top" slot="tab-top"></slot>
-      <slot name="tab-before" slot="tab-before"></slot>
-      <slot name="tab-after" slot="tab-after"></slot>
+      <template #tab-top>
+        <slot name="tab-top" />
+      </template>
+      <template #tab-before>
+        <slot name="tab-before" />
+      </template>
+      <template #tab-after>
+        <slot name="tab-after" />
+      </template>
     </router-view>
   </b-card>
 </template>
diff --git a/app/src/components/globals/Card.vue b/app/src/components/globals/Card.vue
index b8e24249..4acb042b 100644
--- a/app/src/components/globals/Card.vue
+++ b/app/src/components/globals/Card.vue
@@ -30,11 +30,13 @@
         <slot name="default" />
       </b-card-body>
     </b-collapse>
-    <slot v-else name="default" slot="default" />
+    <template v-else>
+      <slot name="default" />
+    </template>
 
-    <slot name="footer" slot="footer">
+    <template #footer v-if="'buttons' in $slots">
       <slot name="buttons" />
-    </slot>
+    </template>
   </b-card>
 </template>
 
diff --git a/app/src/components/globals/CardForm.vue b/app/src/components/globals/CardForm.vue
index 784851c0..6594028b 100644
--- a/app/src/components/globals/CardForm.vue
+++ b/app/src/components/globals/CardForm.vue
@@ -18,16 +18,17 @@
       </b-form>
     </template>
 
-    <slot v-if="!noFooter" name="buttons" slot="buttons">
-      <b-button type="submit" variant="success" :form="id">
-        {{ submitText ? submitText : $t('save') }}
-      </b-button>
-    </slot>
+    <template v-if="!noFooter" #buttons>
+      <slot name="buttons">
+        <b-button type="submit" variant="success" :form="id">
+          {{ submitText ? submitText : $t('save') }}
+        </b-button>
+      </slot>
+    </template>
   </card>
 </template>
 
 <script>
-
 export default {
   name: 'CardForm',
 
diff --git a/app/src/components/globals/ViewBase.vue b/app/src/components/globals/ViewBase.vue
index 96fe5ebd..34d04727 100644
--- a/app/src/components/globals/ViewBase.vue
+++ b/app/src/components/globals/ViewBase.vue
@@ -1,8 +1,12 @@
 <template>
   <div>
     <top-bar v-if="hasTopBar">
-      <slot name="top-bar-group-left" slot="group-left" />
-      <slot name="top-bar-group-right" slot="group-right" />
+      <template #group-left>
+        <slot name="top-bar-group-left" />
+      </template>
+      <template #group-right>
+        <slot name="top-bar-group-right" />
+      </template>
     </top-bar>
     <slot v-else name="top-bar" />
 
diff --git a/app/src/components/globals/ViewSearch.vue b/app/src/components/globals/ViewSearch.vue
index 519df8f1..9030fdb5 100644
--- a/app/src/components/globals/ViewSearch.vue
+++ b/app/src/components/globals/ViewSearch.vue
@@ -1,6 +1,8 @@
 <template>
   <view-base v-bind="$attrs" v-on="$listeners" :skeleton="skeleton">
-    <slot v-if="hasCustomTopBar" name="top-bar" slot="top-bar" />
+    <template v-if="hasCustomTopBar" #top-bar>
+      <slot name="top-bar" />
+    </template>
     <template v-if="!hasCustomTopBar" #top-bar-group-left>
       <b-input-group class="w-100">
         <b-input-group-prepend is-text>
@@ -15,9 +17,13 @@
         />
       </b-input-group>
     </template>
-    <slot v-if="!hasCustomTopBar" name="top-bar-buttons" slot="top-bar-group-right" />
+    <template v-if="!hasCustomTopBar" #top-bar-group-right>
+      <slot name="top-bar-buttons" />
+    </template>
 
-    <slot name="top" slot="top" />
+    <template #top>
+      <slot name="top" />
+    </template>
 
     <template #default>
       <b-alert v-if="items === null || filteredItems === null" variant="warning">
@@ -30,9 +36,13 @@
       <slot v-else name="default" />
     </template>
 
-    <slot name="bot" slot="bot" />
+    <template #bot>
+      <slot name="bot" />
+    </template>
 
-    <slot name="skeleton" slot="skeleton" />
+    <template #skeleton>
+      <slot name="skeleton" />
+    </template>
   </view-base>
 </template>
 
diff --git a/app/src/components/globals/formItems/TagsSelectizeItem.vue b/app/src/components/globals/formItems/TagsSelectizeItem.vue
index 158d3a51..ec161207 100644
--- a/app/src/components/globals/formItems/TagsSelectizeItem.vue
+++ b/app/src/components/globals/formItems/TagsSelectizeItem.vue
@@ -5,7 +5,7 @@
       :value="value" :id="id"
       size="lg" class="p-0 border-0" no-outer-focus
     >
-      <template v-slot="{ tags, disabled, addTag, removeTag }">
+      <template #default="{ tags, disabled, addTag, removeTag }">
         <ul v-if="!noTags && tags.length > 0" class="list-inline d-inline-block mb-2">
           <li v-for="tag in tags" :key="id + '-' + tag" class="list-inline-item">
             <b-form-tag
diff --git a/app/src/views/_partials/DomainForm.vue b/app/src/views/_partials/DomainForm.vue
index b52e2e94..009c0f0d 100644
--- a/app/src/views/_partials/DomainForm.vue
+++ b/app/src/views/_partials/DomainForm.vue
@@ -4,7 +4,9 @@
     :validation="$v" :server-error="serverError"
     @submit.prevent="onSubmit"
   >
-    <slot name="disclaimer" slot="disclaimer" />
+    <template #disclaimer>
+      <slot name="disclaimer" />
+    </template>
 
     <b-form-radio
       v-model="selected" name="domain-type" value="domain"