wip

core/frontend/src/store/wifi.ts

@@ -13,7 +13,6 @@ import { sorted_networks } from '@/utils/wifi'
   store,
   name: 'wifi',
 })
-
 class WifiStore extends VuexModule {
   API_URL = '/wifi-manager/v1.0'
 

core/frontend/src/types/shims-general.ts

@@ -9,5 +9,3 @@ declare module '*.jpg' {
 declare module '*.png' {
   const value: string
 }
-
-declare module 'vue-tooltip-directive'

core/frontend/src/views/Autopilot.vue

@@ -55,7 +55,7 @@
         <v-btn
           v-if="settings.is_pirate_mode"
           color="secondary"
-          :block="$vuetify.breakpoint.xs"
+          :block="vuetify.breakpoint.xs"
           class="ma-1"
           :disabled="restarting"
           @click="openBoardChangeDialog"
@@ -65,7 +65,7 @@
         <v-btn
           v-if="settings.is_pirate_mode"
           class="ma-1"
-          :block="$vuetify.breakpoint.xs"
+          :block="vuetify.breakpoint.xs"
           color="secondary"
           :disabled="restarting"
           @click="start_autopilot"
@@ -75,7 +75,7 @@
         <v-btn
           v-if="settings.is_pirate_mode"
           class="ma-1"
-          :block="$vuetify.breakpoint.xs"
+          :block="vuetify.breakpoint.xs"
           color="secondary"
           :disabled="restarting"
           @click="stop_autopilot"
@@ -85,7 +85,7 @@
         <v-btn
           color="primary"
           class="ma-1"
-          :block="$vuetify.breakpoint.xs"
+          :block="vuetify.breakpoint.xs"
           :disabled="restarting"
           @click="restart_autopilot"
         >
@@ -122,6 +122,7 @@ import autopilot from '@/store/autopilot_manager'
 import { FirmwareInfo, FlightController } from '@/types/autopilot'
 import { autopilot_service } from '@/types/frontend_services'
 import back_axios from '@/utils/api'
+import Vuetify from 'vuetify/lib'
 
 const notifier = new Notifier(autopilot_service)
 
@@ -144,6 +145,9 @@ export default Vue.extend({
     }
   },
   computed: {
+    vuetify(): any {
+      return (this as any).$route as any
+    },
     autopilot_info(): Record<string, string> {
       let version = 'Unknown'
       if (this.firmware_info) {
@@ -164,7 +168,7 @@ export default Vue.extend({
 
       return record
     },
-    banner(): string {
+    banner(): string | undefined {
       switch (autopilot_data.autopilot_type) {
         case MavAutopilot.MAV_AUTOPILOT_ARDUPILOTMEGA:
           return ArduPilotBanner

core/frontend/src/views/ExtensionView.vue

@@ -17,6 +17,7 @@ import helper from '@/store/helper'
 import { Service } from '@/types/helper'
 
 import PageNotFound from './PageNotFound.vue'
+import { Route } from 'vue-router'
 
 export default Vue.extend({
   name: 'ExtensionView',
@@ -33,20 +34,23 @@ export default Vue.extend({
     }
   },
   computed: {
+    route(): Route {
+      return (this as any).$route as Route
+    },
     fullpage(): boolean {
-      return this.$route.query.full_page === 'true'
+      return this.route.query.full_page === 'true'
     },
     service(): Service | undefined {
       return helper.services.filter(
-        (service) => service?.metadata?.sanitized_name === this.$route.params.name,
+        (service) => service?.metadata?.sanitized_name === this.route.params.name,
       )[0] ?? undefined
     },
     port(): number | undefined | null {
       if (helper.services.length === 0) {
         return undefined
       }
       return helper.services.filter(
-        (service) => service?.metadata?.sanitized_name === this.$route.params.name,
+        (service) => service?.metadata?.sanitized_name === this.route.params.name,
       )[0]?.port ?? null
     },
     service_path(): string {
@@ -73,7 +77,7 @@ export default Vue.extend({
       this.detected_port = this.port
     }
     // eslint-disable-next-line
-    this.remaining_path = this.$route.params.pathMatch
+    this.remaining_path = this.route.params.pathMatch
   },
 })
 </script>

core/frontend/src/views/FileBrowserView.vue

@@ -8,6 +8,7 @@
 import Vue from 'vue'
 
 import BrIframe from '@/components/utils/BrIframe.vue'
+import { Route } from 'vue-router';
 
 export default Vue.extend({
   name: 'FileBrowserView',
@@ -20,8 +21,11 @@ export default Vue.extend({
     }
   },
   computed: {
-    full_path() {
-      return `${this.service_path}${this.$route.params.path ?? ''}`
+    route(): Route {
+      return (this as any).$route as Route
+    },
+    full_path() : string {
+      return `${this.service_path}${this.route.params.path ?? ''}`
     },
   },
 })

core/frontend/src/views/VehicleSetupView.vue

@@ -23,7 +23,7 @@
         :value="page.value"
       >
         <parameter-loading-spinner>
-          <component :is="page.component" :subtab="$route.params.subtab" />
+          <component :is="page.component" :subtab="route.params.subtab" />
         </parameter-loading-spinner>
       </v-tab-item>
     </v-tabs-items>
@@ -39,6 +39,8 @@ import Configure from '@/components/vehiclesetup/Configure.vue'
 import PwmSetup from '@/components/vehiclesetup/PwmSetup.vue'
 import setupOverview from '@/components/vehiclesetup/SetupOverview.vue'
 import { OneMoreTime } from '@/one-more-time'
+import router from '@/router'
+import VueRouter, { Route } from 'vue-router'
 
 export interface Item {
   title: string,
@@ -73,8 +75,11 @@ export default Vue.extend({
     }
   },
   computed: {
+    route(): Route {
+      return (this as any).$route as Route
+    },
     currentTab(): string {
-      return this.$route.params.tab || 'overview'
+      return this.route.params.tab || 'overview'
     },
   },
   mounted() {

core/frontend/tsconfig.json

@@ -14,6 +14,7 @@
     "sourceMap": true,
     "baseUrl": ".",
     "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
     "types": [
       "vite/client"
     ],