Move frontend config loading to App.vue.

src/App.vue

@@ -9,7 +9,7 @@
             </router-view>
         </div>
 
-        <FooterComponent />
+        <FooterComponent :config="config" />
     </div>
 </template>
 
@@ -27,6 +27,7 @@ export default {
     data() {
         return {
             theme: "dark",
+            config: null,
         };
     },
     mounted() {
@@ -35,6 +36,14 @@ export default {
             this.setTheme();
         });
 
+        this.fetchJson(this.authApiUrl() + "/config")
+            .then(config => {
+                this.config = config;
+            })
+            .then(() => {
+                this.onConfigLoaded();
+            });
+
         if ("indexedDB" in window) {
             const request = indexedDB.open("piped-db", 5);
             request.onupgradeneeded = ev => {

src/components/FooterComponent.vue

@@ -29,6 +29,15 @@
 
 <script>
 export default {
+<<<<<<< Updated upstream
+=======
+    props: {
+        config: {
+            type: Object,
+            required: true,
+        },
+    },
+>>>>>>> Stashed changes
     data() {
         return {
             donationHref: null,
@@ -36,16 +45,18 @@ export default {
             privacyPolicyHref: null,
         };
     },
-    mounted() {
+    props: {
-        this.fetchConfig();
+        config: {
+            type: Object,
+        },
     },
-    methods: {
+    watch: {
-        async fetchConfig() {
+        config: {
-            this.fetchJson(this.apiUrl() + "/config").then(config => {
+            handler() {
-                this.donationHref = config?.donationUrl;
+                this.donationHref = this.config?.donationUrl;
-                this.statusPageHref = config?.statusPageUrl;
+                this.statusPageHref = this.config?.statusPageUrl;
-                this.privacyPolicyHref = config?.privacyPolicyUrl;
+                this.privacyPolicyHref = this.config?.privacyPolicyUrl;
-            });
+            },
         },
     },
 };