Use correct webpackchunknames

src/router/index.ts

@@ -29,10 +29,7 @@ const routes: Array<RouteConfig> = [
   {
     path: '/backtest',
     name: 'Freqtrade Backtest',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '@/views/Backtesting.vue'),
+    component: () => import(/* webpackChunkName: "backtest" */ '@/views/Backtesting.vue'),
   },
   {
     path: '/dashboard',

src/views/Backtesting.vue

@@ -8,7 +8,7 @@
     </div>
     <div class="container">
       <p v-if="!canRunBacktest">Bot must be in webserver mode to enable Backtesting.</p>
-      <div class="row mx-5 d-flex flex-wrap justify-content-center mb-4">
+      <div class="row mx-5 d-flex flex-wrap justify-content-center mb-4" :disabled="canRunBacktest">
         <b-form-radio
           v-model="btFormMode"
           name="bt-form-radios"
@@ -195,7 +195,7 @@
             class="mx-1"
             :disabled="!backtestRunning"
             @click="stopBacktest"
-            >stop Backtest</b-button
+            >Stop Backtest</b-button
           >
           <b-button
             variant="primary"
@@ -363,8 +363,7 @@ export default class Backtesting extends Vue {
   @ftbot.Action getState;
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  @ftbot.Action
-  startBacktest!: (payload: BacktestPayload) => void;
+  @ftbot.Action startBacktest!: (payload: BacktestPayload) => void;
 
   @ftbot.Action pollBacktest!: () => void;