fix: make sure world state is not loaded every time a modal is opened, fix dev server caching on safari

website/client/src/components/payments/buyGemsModal.vue

@@ -397,13 +397,14 @@ export default {
     await this.$store.dispatch('worldState:getWorldState');
 
     this.$root.$on('bv::show::modal', (modalId, data = {}) => {
+      if (modalId === 'buy-gems') {
         // We force reloading the world state every time the modal is reopened
         // To make sure the promo status is always up to date
         this.$store.dispatch('worldState:getWorldState', { forceLoad: true });
 
         // Track opening of gems modal unless it's been already tracked
         // For example the gems button in the menu already tracks the event by itself
-      if (modalId === 'buy-gems' && data.alreadyTracked !== true) {
+        if (data.alreadyTracked !== true) {
           Analytics.track({
             hitType: 'event',
             eventCategory: 'button',
@@ -411,6 +412,7 @@ export default {
             eventLabel: 'Gems > Wallet',
           });
         }
+      }
     });
   },
   methods: {

website/client/vue.config.js

@@ -114,9 +114,15 @@ module.exports = {
         options.quiet = true;
         return options;
       });
+
+    // Fix issue with Safari cache, see https://github.com/vuejs/vue-cli/issues/2509
+    if (process.env.NODE_ENV === 'development') {
+      config.plugins.delete('preload');
+    }
   },
 
   devServer: {
+    headers: { 'Cache-Control': 'no-store' },
     disableHostCheck: true,
     proxy: {
       // proxy all requests to the server at IP:PORT as specified in the top-level config