diff --git a/src/popup/App.vue b/src/popup/App.vue
index 0809cc3..b9b5dd9 100644
--- a/src/popup/App.vue
+++ b/src/popup/App.vue
@@ -195,6 +195,8 @@
                               :settings="settings"
                               :site="selectedSite"
         />
+        <PerformancePanel v-if="selectedTab === 'performance-metrics'" 
+                          :performance="performance" />
         <WhatsNewPanel v-if="selectedTab === 'whats-new'" />
         <AboutPanel v-if="selectedTab === 'about'" />
         <Donate v-if="selectedTab === 'donate'" />
@@ -221,9 +223,9 @@ import ExtensionMode from '../common/enums/ExtensionMode.enum';
 import Logger from '../ext/lib/Logger';
 import {ChromeShittinessMitigations as CSM} from '../common/js/ChromeShittinessMitigations';
 import { browser } from 'webextension-polyfill-ts';
-import { defineComponent } from 'vue';
 
-export default defineComponent({
+import Vue from '*.vue';
+export default Vue.extend({
   data () {
     return {
       selectedTab: 'video',
diff --git a/src/popup/js/PopupExec.ts b/src/popup/js/PopupExec.ts
index 61dcf6c..020f249 100644
--- a/src/popup/js/PopupExec.ts
+++ b/src/popup/js/PopupExec.ts
@@ -5,7 +5,7 @@ class PopupExec {
   settings: Settings;
   site: any;
   
-  constructor(settings?, site?) {
+  constructor(settings, site) {
     this.settings = settings;
     this.site = site;
   }
diff --git a/src/popup/panels/AboutPanel.vue b/src/popup/panels/AboutPanel.vue
index 231f11e..c53b95f 100644
--- a/src/popup/panels/AboutPanel.vue
+++ b/src/popup/panels/AboutPanel.vue
@@ -42,11 +42,11 @@ import ShortcutButton from '../../common/components/ShortcutButton.vue';
 import BrowserDetect from '../../ext/conf/BrowserDetect';
 import { browser } from 'webextension-polyfill-ts';
 
-import { defineComponent } from 'vue'
-export default defineComponent({
+import Vue from 'vue'
+export default Vue.extend({
   components: {
     ShortcutButton,
-  },
+ },
   data() {
     return {
       // reminder — webextension-polyfill doesn't seem to work in vue!
diff --git a/src/popup/panels/DefaultSettingsPanel.vue b/src/popup/panels/DefaultSettingsPanel.vue
index ed3fc68..acbe043 100644
--- a/src/popup/panels/DefaultSettingsPanel.vue
+++ b/src/popup/panels/DefaultSettingsPanel.vue
@@ -126,11 +126,10 @@
 import KeyboardShortcutParser from '../../common/js/KeyboardShortcutParser';
 import ShortcutButton from '../../common/components/ShortcutButton.vue';
 import ComputeActionsMixin from '../../common/mixins/ComputeActionsMixin';
+
+import Vue from 'vue'
 import PopupExec from '../js/PopupExec';
-import { defineComponent } from 'vue';
-
-
-export default defineComponent({
+export default Vue.extend({
   data() {
     return {
     }
@@ -144,7 +143,7 @@ export default defineComponent({
     site: String,
   },
   created() {
-    this.exec = new PopupExec(this.settings, this.site);
+    this.exec = new ExecAction(this.settings, this.site);
   },
   components: {
     ShortcutButton,
diff --git a/src/popup/panels/PerformancePanel.vue b/src/popup/panels/PerformancePanel.vue
new file mode 100644
index 0000000..09fc02e
--- /dev/null
+++ b/src/popup/panels/PerformancePanel.vue
@@ -0,0 +1,25 @@
+<template>
+  <div>
+    PERFORMANCE PANEL :: This is here for debugging purposes.
+
+    <pre>{{performance}}</pre>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+export default Vue.extend({
+  props: {
+    performance: Object,
+  },
+  watch: {
+    performance: {
+      deep: true,
+    }
+  }
+})
+</script>
+
+<style>
+
+</style>
diff --git a/src/popup/panels/SiteDetailsPanel.vue b/src/popup/panels/SiteDetailsPanel.vue
index b59282b..7bfacda 100644
--- a/src/popup/panels/SiteDetailsPanel.vue
+++ b/src/popup/panels/SiteDetailsPanel.vue
@@ -134,8 +134,8 @@ import ExtensionMode from '../../common/enums/ExtensionMode.enum';
 import VideoAlignmentType from '../../common/enums/VideoAlignmentType.enum';
 import StretchType from '../../common/enums/StretchType.enum';
 
-import { defineComponent } from 'vue'
-export default defineComponent({
+import Vue from 'vue'
+export default Vue.extend({
   components: {
     QuerySelectorSetting,
     ShortcutButton,
diff --git a/src/popup/panels/VideoPanel.vue b/src/popup/panels/VideoPanel.vue
index 55efd69..ea36e3b 100644
--- a/src/popup/panels/VideoPanel.vue
+++ b/src/popup/panels/VideoPanel.vue
@@ -120,16 +120,15 @@
   </div>
 </template>
 
-<script lang="ts">
+<script>
 import PopupExec from '../js/PopupExec';
 import KeyboardShortcutParser from '../../common/js/KeyboardShortcutParser';
-import ShortcutButton from '../../common/components/ShortcutButton.vue';
+import ShortcutButton from '../../common/components/ShortcutButton';
 import ComputeActionsMixin from '../../common/mixins/ComputeActionsMixin';
 import CropModePersistence from '../../common/enums/CropModePersistence.enum';
-import { defineComponent } from 'vue';
 
-export default defineComponent({
-   data() {
+export default {
+  data() {
     return {
       scope: 'page',
       CropModePersistence: CropModePersistence,
@@ -182,7 +181,7 @@ export default defineComponent({
       );
     }
   }
-})
+}
 </script>
 
 <style>
diff --git a/src/popup/panels/WhatsNewPanel.vue b/src/popup/panels/WhatsNewPanel.vue
index 8b2f868..bb6cfcc 100644
--- a/src/popup/panels/WhatsNewPanel.vue
+++ b/src/popup/panels/WhatsNewPanel.vue
@@ -18,10 +18,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import BrowserDetect from '../../ext/conf/BrowserDetect';
 
-export default defineComponent({
+import Vue from 'vue'
+export default Vue.extend({
   data () {
     return {
       BrowserDetect: BrowserDetect