From b7e8a11fa0d6c9801b2e5002adb2fc906ed12dfc Mon Sep 17 00:00:00 2001
From: Alexander Drozdov <snosme@gmail.com>
Date: Fri, 15 Jan 2021 16:34:45 +0200
Subject: [PATCH] vue3

---
 .../price-check/trade/RateLimiterState.vue    | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/web/price-check/trade/RateLimiterState.vue b/src/web/price-check/trade/RateLimiterState.vue
index 1decd626..c9bf8076 100644
--- a/src/web/price-check/trade/RateLimiterState.vue
+++ b/src/web/price-check/trade/RateLimiterState.vue
@@ -13,17 +13,14 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
+import { computed, defineComponent } from 'vue'
 import { RATE_LIMIT_RULES } from './common'
 import { Config } from '@/web/Config'
 
-export default {
-  computed: {
-    show () {
-      return Config.store.logLevel === 'debug' ||
-        this.limits.some(limit => limit.hasQueue)
-    },
-    limits () {
+export default defineComponent({
+  setup () {
+    const limits = computed(() => {
       const LIMITS = [
         { policy: 'trade-search-request-limit', rules: RATE_LIMIT_RULES.SEARCH },
         { policy: 'trade-fetch-request-limit', rules: RATE_LIMIT_RULES.FETCH }
@@ -39,7 +36,17 @@ export default {
           queue: rl.state.queue
         }))
       }))
+    })
+
+    const show = computed(() => {
+      return Config.store.logLevel === 'debug' ||
+        limits.value.some(limit => limit.hasQueue)
+    })
+
+    return {
+      limits,
+      show
     }
   }
-}
+})
 </script>