diff --git a/src/components/charts/HourlyChart.vue b/src/components/charts/HourlyChart.vue
index ecd4dd7c..1fa5b0dc 100644
--- a/src/components/charts/HourlyChart.vue
+++ b/src/components/charts/HourlyChart.vue
@@ -17,7 +17,7 @@ import 'echarts/lib/component/visualMapPiecewise';
 
 import { Trade } from '@/types';
 import { timestampHour } from '@/shared/formatters';
-import { EChartOption, EChartsOptionConfig } from 'echarts';
+import { EChartOption } from 'echarts';
 
 // Define Column labels here to avoid typos
 const CHART_PROFIT = 'Profit %';
diff --git a/src/components/ftbot/TradeList.vue b/src/components/ftbot/TradeList.vue
index 87a33437..89ac8860 100644
--- a/src/components/ftbot/TradeList.vue
+++ b/src/components/ftbot/TradeList.vue
@@ -17,7 +17,7 @@
         @row-clicked="onRowClicked"
         @row-selected="onRowSelected"
       >
-        <template v-slot:cell(actions)="row">
+        <template #cell(actions)="row">
           <b-button class="btn-xs" size="sm" title="Forcesell" @click="forcesellHandler(row.item)">
             FS
           </b-button>
@@ -30,7 +30,7 @@
             RM
           </b-button>
         </template>
-        <template v-slot:cell(pair)="row">
+        <template #cell(pair)="row">
           <ProfitSymbol :trade="row.item" />
           <span>
             {{ row.item.pair }}
diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index e4270e7b..a1833083 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -24,7 +24,7 @@
           </li>
           <li v-if="loggedIn" class="nav-item">
             <b-nav-item-dropdown right>
-              <template v-slot:button-content>
+              <template #button-content>
                 <b-avatar size="2em" button>FT</b-avatar>
               </template>
               <b-dropdown-item to="/settings">Settings</b-dropdown-item>