refactor: m2-69. ssr optimization for default layout (#477)

* Test performance improvement commit

* chore(deployment): changed deployment config to allow A-B testing on stage

* refactor: changed default layout hydration

Co-authored-by: Bartosz Herba <[email protected]>
Co-authored-by: Marcin Kwiatkowski <[email protected]>

Author: bartoszherba

.eslintrc.js

@@ -29,4 +29,7 @@ module.exports = {
     '@vue-storefront/eslint-config-vue',
     '@vue-storefront/eslint-config-jest',
   ],
+  rules: {
+    "@typescript-eslint/no-floating-promises": "off"
+  }
 }

packages/composables/src/factories/useStoreFactory.ts

@@ -38,7 +38,7 @@ export function useStoreFactory<STORES, STORE,
     const change = async (store: ComposableFunctionArgs<STORE>): Promise<void> => {
       loading.value = true;
       try {
-        await _factoryParams.change(store);
+        _factoryParams.change(store);
       } finally {
         loading.value = false;
       }

packages/theme/components/CurrencySelector.vue

@@ -104,7 +104,7 @@ export default defineComponent({
 
     const isCurrencyModalOpen = ref(false);
 
-    const availableCurrencies = computed(() => currencies.value?.available_currency_codes);
+    const availableCurrencies = computed(() => currencies.value?.available_currency_codes || []);
 
     return {
       currentCurrencySymbol,

packages/theme/composables/useMagentoConfiguration.ts

@@ -44,7 +44,7 @@ export const useMagentoConfiguration: UseMagentoConfiguration = () => {
 
   const selectedStore = computed<string | undefined>(() => app.$cookies.get(cookieNames.storeCookieName));
 
-  const loadConfiguration: (params: { updateCookies: boolean; updateLocale: boolean; }) => Promise<void> = async (params = {
+  const loadConfiguration: (params: { updateCookies: boolean; updateLocale: boolean; }) => void = (params = {
     updateCookies: false,
     updateLocale: false,
   }) => {

packages/theme/layouts/default.vue

@@ -56,12 +56,11 @@ export default defineComponent({
   setup() {
     const route = useRoute();
     const { load: loadUser } = useUser();
-
     const { loadConfiguration } = useMagentoConfiguration();
 
-    onSSR(async () => {
-      await loadConfiguration();
-      await loadUser();
+    onMounted(() => {
+      loadConfiguration();
+      loadUser();
     });
 
     return {