Fix initialization of profile metrics (#877)

* 🔨 Fix initialization of profile metrics

* 🔨 Fix linting warning

* 🔨 Call profile updates in parallel

* 🔨 Move lang var to commented metric collection

Author: devmount

frontend/.env.example

@@ -3,7 +3,7 @@
 # -- Frontend --
 VITE_BASE_URL=localhost:8080
 VITE_SHORT_BASE_URL=http://localhost:8080/user
-# Set true to activate polling for dev server 
+# Set true to activate polling for dev server
 VITE_SERVER_WATCH_POLLING=
 VITE_SERVER_WATCH_INTERVAL=
 VITE_SERVER_WATCH_BINARY_INTERVAL=
@@ -34,4 +34,3 @@ VITE_DEFAULT_HOUR_FORMAT=12
 
 # You could use a url or a mailto: email address.
 VITE_SUPPORT_URL=
-

frontend/src/App.vue

@@ -33,7 +33,6 @@ const apiUrl = inject(apiUrlKey);
 const route = useRoute();
 const routeName = typeof route.name === 'string' ? route.name : '';
 const router = useRouter();
-const lang = defaultLocale();
 
 const siteNotificationStore = useSiteNotificationStore();
 const {
@@ -166,7 +165,7 @@ const onPageLoad = async () => {
     resolution: deviceRes,
     effective_resolution: effectiveDeviceRes,
     user_agent: navigator.userAgent,
-    locale: lang,
+    locale: defaultLocale(),
   }).json();
 
   const { data } = response;

frontend/src/views/ProfileView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { inject } from 'vue';
+import { inject, onMounted } from 'vue';
 import { keyByValue } from '@/utils';
 import { callKey, isFxaAuthKey, fxaEditProfileUrlKey } from '@/keys';
 import { useI18n } from 'vue-i18n';
@@ -41,6 +41,12 @@ const logout = async () => {
 const editProfile = async () => {
   window.location.href = fxaEditProfileUrl;
 };
+
+// Load calendar and bookings information
+onMounted(() => {
+  calendarStore.fetch(call);
+  appointmentStore.fetch(call);
+});
 </script>
 
 <template>