From 50fd6ffcc3c434d4fb2e771dbc0b5eb04762fae3 Mon Sep 17 00:00:00 2001
From: rui hildt <rui@mullvad.net>
Date: Mon, 22 Apr 2024 23:04:13 +0200
Subject: [PATCH] Load proxies only when visiting the proxy view

---
 src/popup/App.vue         | 11 +----------
 src/popup/views/Proxy.vue | 13 +++++++++++--
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/popup/App.vue b/src/popup/App.vue
index 1a160fea..093e3db3 100644
--- a/src/popup/App.vue
+++ b/src/popup/App.vue
@@ -1,24 +1,15 @@
 <script lang="ts" setup>
-import { provide, onMounted } from 'vue';
+import { provide } from 'vue';
 import { useQueryProvider } from 'vue-query';
 import { NConfigProvider, GlobalThemeOverrides, darkTheme } from 'naive-ui';
 
 import Popup from '@/popup/Popup.vue';
-
 import useConnection, { ConnectionKey } from '@/composables/useConnection';
-import useListProxies from '@/composables/useListProxies';
 
 const { isLoading, connection, isError } = useConnection();
-const { getSocksProxies } = useListProxies();
 
 provide(ConnectionKey, { connection, isLoading, isError });
 
-const loadProxies = async () => {
-  await getSocksProxies();
-};
-
-onMounted(loadProxies);
-
 useQueryProvider();
 const themeOverrides: GlobalThemeOverrides = {
   common: {
diff --git a/src/popup/views/Proxy.vue b/src/popup/views/Proxy.vue
index 7bcef1b4..b1a0ba59 100644
--- a/src/popup/views/Proxy.vue
+++ b/src/popup/views/Proxy.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, inject } from 'vue';
+import { computed, inject, onMounted } from 'vue';
 import { NCard } from 'naive-ui';
 
 import Button from '@/components/Buttons/Button.vue';
@@ -11,10 +11,13 @@ import TitleCategory from '@/components/TitleCategory.vue';
 
 import useActiveTab from '@/composables/useActiveTab';
 import { ConnectionKey, defaultConnection } from '@/composables/useConnection';
+import useListProxies from '@/composables/useListProxies';
 import useProxyPermissions from '@/composables/useProxyPermissions';
 
-const { proxyPermissionsGranted, triggerProxyPermissions } = useProxyPermissions();
 const { isAboutPage } = useActiveTab();
+const { getSocksProxies } = useListProxies();
+const { proxyPermissionsGranted, triggerProxyPermissions } = useProxyPermissions();
+
 const { connection } = inject(ConnectionKey, defaultConnection);
 
 const isWireGuard = computed(
@@ -22,6 +25,12 @@ const isWireGuard = computed(
     connection.value.protocol === 'WireGuard' ||
     connection.value.protocol === 'SOCKS through WireGuard',
 );
+
+const loadProxies = async () => {
+  await getSocksProxies();
+};
+
+onMounted(loadProxies);
 </script>
 
 <template>