fix ts compilation errors

ankit · Jun 21, 2020 · f46f68d · f46f68d
1 parent f622ade
commit f46f68d
Show file tree

Hide file tree

Showing 9 changed files with 42 additions and 20 deletions.
diff --git a/src/browseraction/App.vue b/src/browseraction/App.vue
@@ -19,8 +19,8 @@
           :tab="tab"
           :key="style.url"
           :url="style.url"
-          :enabled="style.enabled"
-          :disabled="isStylebotOpen"
+          :initialEnabled="style.enabled"
+          :disableToggle="isStylebotOpen"
           v-for="style in styleUrlMetadata"
         />
 

diff --git a/src/browseraction/components/Style.vue b/src/browseraction/components/Style.vue
@@ -2,7 +2,7 @@
   <v-list-item
     link
     :ripple="false"
-    :disabled="disabled"
+    :disabled="disableToggle"
     :class="{ 'green lighten-4': enabled }"
     @click="toggleStyle"
   >
@@ -26,15 +26,17 @@ import { mdiEye, mdiEyeOffOutline } from '@mdi/js';
 
 export default Vue.extend({
   name: 'Style',
-  props: ['tab', 'url', 'enabled', 'disabled'],
+  props: ['tab', 'url', 'initialEnabled', 'disableToggle'],
 
   data(): {
+    enabled: boolean;
     icons: {
       enabled: string;
       disabled: string;
     };
   } {
     return {
+      enabled: this.initialEnabled,
       icons: {
         enabled: mdiEye,
         disabled: mdiEyeOffOutline,

diff --git a/src/options/components/AppButton.vue b/src/options/components/AppButton.vue
@@ -14,7 +14,9 @@
 </template>
 
 <script lang="ts">
-export default {
+import Vue from 'vue';
+
+export default Vue.extend({
   name: 'AppButton',
   props: {
     text: {
@@ -42,7 +44,7 @@ export default {
       default: '',
     },
   },
-};
+});
 </script>
 
 <style scoped>

diff --git a/src/options/components/StyleDeleteButton.vue b/src/options/components/StyleDeleteButton.vue
@@ -49,9 +49,10 @@
 </template>
 
 <script lang="ts">
+import Vue from 'vue';
 import AppButton from './AppButton.vue';
 
-export default {
+export default Vue.extend({
   name: 'StyleDeleteButton',
   props: ['url'],
   components: {
@@ -65,5 +66,5 @@ export default {
       dialog: false,
     };
   },
-};
+});
 </script>
diff --git a/src/options/components/StyleEditButton.vue b/src/options/components/StyleEditButton.vue
@@ -13,7 +13,9 @@
 </template>
 
 <script lang="ts">
-export default {
+import Vue from 'vue';
+
+export default Vue.extend({
   name: 'StyleEditButton',
-};
+});
 </script>
diff --git a/src/options/components/TheBackupTab.vue b/src/options/components/TheBackupTab.vue
@@ -119,14 +119,16 @@
 </template>
 
 <script lang="ts">
+import Vue from 'vue';
 import AppButton from './AppButton.vue';
+
 import {
   exportStylesAsJSONString,
   importStylesFromJSONString,
   copyToClipboard,
 } from '../utilities';
 
-export default {
+export default Vue.extend({
   name: 'TheBackupTab',
   components: {
     AppButton,
@@ -164,5 +166,5 @@ export default {
       }
     },
   },
-};
+});
 </script>
diff --git a/src/options/components/TheBasicsTab.vue b/src/options/components/TheBasicsTab.vue
@@ -47,6 +47,7 @@
 </template>
 
 <script lang="ts">
+import Vue from 'vue';
 import { StylebotOptions, StylebotShortcutMetaKey } from '../types';
 
 import {
@@ -56,14 +57,23 @@ import {
   getCharacterFromKeydownCode,
 } from '../utilities';
 
-export default {
+export default Vue.extend({
   name: 'TheBasicsTab',
+
   data(): {
-    options?: StylebotOptions;
-    shortcutKeyCharacter?: string;
+    options: StylebotOptions;
+    shortcutKeyCharacter: string;
     shortcutMetaKeys: Array<{ text: string; value: StylebotShortcutMetaKey }>;
   } {
     return {
+      options: {
+        contextMenu: true,
+        useShortcutKey: true,
+        shortcutKey: 77,
+        shortcutMetaKey: 'alt',
+        mode: 'Basic',
+      },
+      shortcutKeyCharacter: 'M',
       shortcutMetaKeys: [
         {
           text: 'Ctrl',
@@ -110,7 +120,7 @@ export default {
       saveOption('shortcutMetaKey', this.options.shortcutMetaKey);
     },
   },
-};
+});
 </script>
 
 <style scoped>

diff --git a/src/options/components/TheDeleteAllStylesButton.vue b/src/options/components/TheDeleteAllStylesButton.vue
@@ -41,9 +41,10 @@
 </template>
 
 <script lang="ts">
+import Vue from 'vue';
 import AppButton from './AppButton.vue';
 
-export default {
+export default Vue.extend({
   name: 'TheDeleteAllStylesButton',
   components: {
     AppButton,
@@ -54,5 +55,5 @@ export default {
       dialog: false,
     };
   },
-};
+});
 </script>
diff --git a/src/options/components/TheNavigation.vue b/src/options/components/TheNavigation.vue
@@ -36,7 +36,9 @@
 </template>
 
 <script lang="ts">
-export default {
+import Vue from 'vue';
+
+export default Vue.extend({
   name: 'TheNavigation',
   props: {
     tabs: {
@@ -52,5 +54,5 @@ export default {
   data(): { model: number } {
     return { model: 0 };
   },
-};
+});
 </script>